Overview

Video

Prerequisites & limitations

• If you migrated from a custom storefront setup, please contact [email protected] before making changes to avoid conflicts.

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.

1. Open the Shopify Theme Editor for your live theme.
2. Select the Recurly Commerce widget section on your product template.
3. 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.
4. Save and set live to publish your new design.Still need help? Contact [email protected].