Work recurrabee Guides Install the Checkout UI extension

Install the Checkout UI extension

Add the subscriber self-serve block to your checkout and customer account.

Updated

Operational

The Checkout UI extension gives subscribers a self-serve panel in their customer account where they can pause, skip, swap, or cancel active subscriptions — no support ticket required.

1. Open the checkout and accounts editor

Shopify Admin → Settings → Checkout → Customize (or for the customer account surface: Settings → Customer accounts → Customize).

2. Add the recurrabee block

In the Customer account surface, add the Subscriptions block from the recurrabee app. Drag it to the position you want on the account home page (usually below the order history).

3. Configure visibility

By default, subscribers see all their active contracts. Options:

  • Paused contracts: show / hide
  • Cancelled contracts: show / hide (archive view)
  • Actions allowed: any subset of pause, skip, swap, cancel

Merchants often hide cancel (driving those to a retention flow via support) while keeping pause and skip self-serve. Set per your retention strategy.

4. Save and publish

Click Save. Changes are live immediately.

What subscribers see

A clean list of their active contracts with: product, cadence, next billing date, and the actions you’ve permitted. Each action confirms and updates the contract via the recurrabee state machine — so the transition is logged, replayable, and observable in the merchant console.

Theming

The block inherits your theme’s typography and color variables. For stricter brand control, override per component in the editor’s Theme settings.

Next