Getting started with Affinity 2.0
Affinity 2.0 gives you full control over your customer portal, without code. Design a branded entry experience that surfaces key actions, reduces friction, and aligns with your retention strategy using a visual page builder.
This guide provides information about Affinity 2.0.
- Shopify Checkout Integration
- Migrated Shopify Checkout Integration
Key features
No-code portal customization
Design your Affinity portal pages using a visual page builder, no development required. Add, remove, and reorder sections, and include static content like banners or informational blocks to match your brand and customer experience.
Mobile-friendly navigation
Use a condensed top navigation for a cleaner, more intuitive experience, especially on mobile. Choose whether navigation appears only on the home page or persists across the portal.
Centralized style, copy, and translations
Manage styles, copy, and translations for your Affinity home page from one place. Updates apply across other onsite experiences that use Affinity styling, helping you maintain consistent branding.
Highlight important customer actions and messages
Surface key information, such as credits, referral links, or announcements, directly in the portal so customers understand what’s available and can take action quickly.
Switch to Affinity 2.0
- In the merchant portal, click Storefront, then select Customer portal.
- Navigate to the Customer portal theme section and locate Affinity 2.0 under Other themes.
- Click Switch to this theme.
- Customize the available pages in the Page Builder and save your work. See Customizing the Affinity 2.0 customer portal.
- When prompted, publish Affinity 2.0. All Affinity 2.0 pages available to your store are published together. Customers remain on Affinity 1.0 until you publish.
Note: After publishing, any changes you save apply to the live portal immediately. If needed, you can switch back to Affinity 1.0 in the Customer portal settings.
Customize your portal
Affinity 2.0 offers customization through the Page Builder and beyond, including Global styles, section settings, standard text and translations, custom CSS, custom extensions, and event-based customization.
- See Customizing the Affinity 2.0 customer portal for all customization options.
- See Understanding the Affinity 2.0 next order page for how a specific page behaves and which sections it supports.
Considerations
Consider the following when using Affinity 2.0:
Consideration |
Note |
| Feature scope | The Page Builder currently supports select customer portal pages, and Recharge is expanding support across the rest of Affinity 2.0. Pages not yet available in the Page Builder continue to use their existing Affinity 1.0 layout and behavior. See Customizing the Affinity 2.0 customer portal for the pages currently available. |
| Unsupported features | Legacy memberships, and gift orders are not supported. |
| Extensibility | Static content blocks are supported and custom extensions can be created for dynamic content and custom functionality. See Using custom extensions in Affinity 2.0. |
| Production impact | Once enabled, any saved changes apply immediately to the live customer experience. |
