Overview

Video

Prerequisites & limitations

Node.js >= 14

ReadMe CLI installed

Not supported on IE11

Requires internet connection

Definition

The storefront widget is the on-page component shoppers use to subscribe. This guide shows you how to tailor its text, layout, and styling so it seamlessly aligns with your store’s look and feel.

Key benefits

Brand consistency: Match fonts, colors, and messaging to your storefront theme.
Enhanced user experience: Drag-and-drop purchase options to surface your most important offers.
Rapid iteration: Preview and publish style updates instantly—no developer needed.

Key details

Edit and stylize storefront components

Once the widget is installed, you can customize every aspect of its design in the Theme Editor. Be sure to click Save and set live after making changes.

Open the Shopify Theme Editor for your live theme.
Select the Recurly Commerce widget section on your product template.
Customize:
- Text labels (e.g. change “Subscribe” to “Become a Member”).
- Option order by dragging purchase and one-time blocks.
- Style details like colors, borders, and typography.
Save and set live to publish your new design.Still need help? Contact [email protected].