Skip to main content

General

Widget placement, app language, recurring invoices, etc.

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated over a week ago

Here’s what users can do in RecurrinGO → Settings → General:

Access these settings by navigating to RecurrinGO → Settings → General:

1. Set up selectors (where the app injects widgets & what buttons it tracks)

These controls tell RecurrinGO where to render its subscription widget and which buttons to listen to. Selectors tell RecurrinGO where to insert its widgets and which buttons/prices/subtotals to hook into.

Before you start: how the “Select” picker works

Anywhere you see a Select button:

  1. Click Select → a new tab opens on the relevant page (product page, cart, quick view, account page, etc.).

  2. Hover elements to see outlines, then hold Shift and click the element you want.

  3. Choose Above/Below to place the widget relative to that element.

  4. Click Save (or Clear to start over), then return to the app tab.

Prefer code? Click Advanced mode under any control to paste a CSS selector.

Advanced mode under any control lets you paste a CSS selector manually.

Example:

form[action^="/cart/add"] [type=submit]
  1. Basic – point-and-click placement using the visual picker.

  2. Advanced – adds more selector options and lets you paste CSS selectors.

If your theme is Online Store 2.0, you can also place the widget in Shopify admin → Online Store → Themes → Customize by adding the RecurrinGO section/block where supported.

  • Basic (toggle OFF): visual, point-and-click.

  • Advanced (toggle ON): adds extra controls and lets you paste CSS selectors.

A. Widget placement on a product page

Put the subscription widget exactly where you want on the product page.

  • Basic: Select → Shift-click an anchor near title/price/Add to cart → Save.

  • Advanced: Paste a selector for the anchor element.

B. “Add to cart” button selection

Bind the exact Add to cart button so RecurrinGO adds the correct selling plan when customers add products.

  • Basic: Change/Select → Shift-click the button → Save.

  • Advanced: Paste the selector (the example above fits many themes).

C. Cart upsell widget placement (Desktop)

Choose where the upsell widget appears on the /cart page for desktop layouts.

  • Basic/Advanced as above.

D. Cart upsell widget placement (Mobile)

Choose the upsell position for mobile cart layouts (often a different anchor).

1.1. Extra options when Advanced mode is ON

These help RecurrinGO replace old prices/totals with subscription (often discounted) values and place widgets in more theme areas.

A. Product price selection

If a subscription product is discounted, replace the old product price on PDP with the discounted one.

  • Select the price element (or paste a selector).

B. Cart subtotal selection (cart page)

Replace the cart subtotal on the standard /cart page with the discounted subtotal when subscription items are present.

  • Select the subtotal element (or paste a selector).

C. Widget placement on a Quick view

Show the subscription widget inside your theme’s quick-view modal/card.

  • Open a product’s quick view → Select the anchor → Save.

D. Widget placement on the Featured product section

Place the widget inside your homepage/section “Featured product” block.

  • Ensure at least one active product → Select the anchor → Save.

E. “Manage subscriptions” button – custom placement

Move the customer Manage subscriptions button to a different spot within the account page.

  • Log in as a customer → Select → Shift-click your preferred location → Save.

2. Ajax / cart drawer settings

Some themes use a cart drawer or pop-up instead of a full /cart page.

  • Check Current store theme has Ajax Cart / pop-up cart / cart drawer if your theme uses a drawer.

When checked, two drawer-specific selectors appear:

  1. ‘Check out’ button selection (drawer) – Select the drawer’s Checkout button.

  2. Cart subtotal selection (drawer) – Select the subtotal inside the drawer so RecurrinGO can replace it with the discounted total.

When not checked, these drawer controls are hidden—use the standard /cart selectors instead.

3. Pricing for recurring invoices (not auto-charge)

Choose how renewal prices are determined for invoice-based subscriptions:

  • Use actual product prices from the store
    Renewals always follow your current storefront price. Not editable on the subscription page.

  • Use product prices from the subscription
    Renewals keep the initial order price. Editable later on the subscription page.

Pick “actual prices” if you want renewals to track catalog changes.

Pick “subscription prices” if you promise locked-in rates or manage renewals per customer.

4. Additional settings

  • Tag name – Order tag applied to subscription orders in Shopify Admin (e.g., subscription).

  • Cart label – Small label shown by many themes near frequency (e.g., “Delivery frequency”).

  • Enable ‘Subscribe’ option by default – Preselects Subscribe on PDP.

  • Replace “Add to cart” text when a subscription is selected – Enter custom button text (e.g., “Add subscription to cart”).

5. App language (admin only)

Change the RecurrinGO admin UI language (English, French, German, Spanish).

This does not change storefront translations.

Troubleshooting & FAQs

👉 I see “Selection required”.

Open Select again → Shift-click the element → Save in the picker tab.

👉 The picker isn’t opening.

Allow pop-ups for Shopify; disable ad-blockers/extensions temporarily.

👉 The widget doesn’t show on product pages.

Re-save the product page placement. For OS 2.0, try adding the app block in Customize.

👉 Totals don’t update in the cart drawer.

Make sure the Ajax cart box is checked, and you’ve selected both Checkout and Subtotal inside the drawer.

👉 We changed themes.

Revisit General Settings → Set up selectors. Selectors are theme-specific.

👉 Can I use code instead of clicking?

Yes—use Advanced mode and paste a CSS selector (the app shows a working example).

Need Help?

If you have any questions or need help, please contact our support team.

📩 Contact Support: Reach out to us via live chat or send an email to [email protected]

Did this answer your question?