Understanding the Affinity customer portal

The Affinity customer portal provides merchants with a no-code solution that makes it easier for customers to manage their subscriptions.

While this portal empowers merchants to make no-code customizations, Recharge also allows developers to implement advanced customizations, taking the portal offering to the next level. Affinity prioritizes simplicity and reliability, offering safe patterns rather than exposing the source code to help merchants achieve their desired customizations.

There are a range of settings for easy, low-to-no-code customizations when it comes to updating content and enhancing functionality, as well as dedicated extension points that allow merchants to integrate UI elements within the portal seamlessly. These elements vary from straightforward announcements, callouts, and intricate widgets, all the way to enabling you to incorporate unique functionalities within the portal. You must be on the Recharge Pro plan, or a Custom plan, to make advanced customizations to the Affinity customer portal.

Recharge is committed to improving the functionality of the Affinity portal based on merchant feedback. To prevent merchants from locking into a specific version, Recharge has decided to not expose the source code and instead provides safe patterns to achieve your desired customizations.

📘

Platform:

• Shopify Checkout Integration
• Recharge Checkout on Shopify

Review the following articles for Affinity setup instructions:

• Using custom CSS in the Affinity customer portal
• Using advanced configuration options with Affinity
• Adding custom content to Affinity
• Personalizing the user journey in Affinity
• Leveraging events in Affinity

Review the following implementation guides to learn how these customizations work in action:

• Displaying the Bundles widget on the Affinity overview page
• Preventing customers from canceling specific products in Affinity