Displaying Membership Messages with Info Embeds
The Info embeds feature in the Member System app allows you to display information blocks on different store pages. These blocks can be used to promote the benefits of joining your membership program, highlight special offers for existing members, and encourage customers to log in, register, or place an order.
You can configure different Info embeds for different pages, such as product detail pages, the shopping cart, or login/registration pages, and tailor the messages to specific audiences: non-logged-in visitors, non-members, and members. By delivering the right information at the right time, this feature helps increase membership sign-ups, increase conversion rates, and enhance customer engagement in your store.
| Note: This feature is available only for stores subscribed to the Growth or Pro plan of Member System. |
Setting Up the Points Info Embeds
The Points info embeds display the estimated points customers can earn or use on your storefront, encouraging them to join your membership program.
| Note: Before setting up points info embeds, you need to configure your Points Scheme in the Membership module. For detailed guidance, please refer to this Help Center article. |
To configure the Points info embeds,
-
In your Member System app, go to Style design. In the Member info embeds section, click the Points info embeds card.
-
On the left side of the Points info embeds page, select the page(s) where you want the points info embeds to appear. Available pages include: Product detail page, Shopping cart page, Login page, and Registration page.
To preview your settings, select the corresponding page in the preview section to see the changes in real time.
-
For every page, you can make the following customizations:
- Customize the messages that different customers will see: non-logged-in customers, logged-in non-members, and logged-in members.
- Use dynamic variables (see the table below for descriptions) to display points-related information based on the page the customer visits, their current points balance, and the points rules you’ve configured.
- For the product details page and shopping cart page, check the Display URL of the login redirection box to embed the login URL if you want your direct customers to log in. You can customize the link text. Customers can immediately go to the login/registration page when clicking this link in the info block.
- For the product details page, you can select the cash or shopping bag icon for the info block. And you can choose where the block is displayed: Above the add-to-cart button, Below the add-to-cart button, or Below the product price.
-
Choose the background and font color in the Style settings section.
- Click Update to save your settings.
|
Note: If you’re using a SHOPLINE OS 3.0 theme, you must manually add the Points Info embed app block to the Products page in the theme editor to properly display the campaign banner and related settings on the storefront. For details on app block functions, setup steps, and which app features require app block support, refer to the Help Center article "Integrating Apps into OS 3.0 Themes." |
See below for the descriptions of available dynamic variables:
| Page | Dynamic Variable | Points Rule | Description |
| Product detail page | {Points to be issued} | Successful orders | Points that the customer can earn is calculated based on the product’s original price. The block is hidden If the value is 0. |
| {Amount can be deducted} | Cash back | Amount that can be deducted is calculated based on the product’s original price and the customer’s points balance. The block is hidden If the value is 0. | |
| {Point redemption rule of cash back } | Cash back | The cash back rule you configured is displayed. | |
| Shopping cart page | {Points to be issued} | Successful orders | Points that the customer can earn is calculated based on the order amount. The block is hidden If the value is 0. |
| {Point redemption rule of cash back } | Cash back | The cash back rule you configured is displayed. | |
| Login page | {Points to be issued} | Login success | Points that the customer can earn after login is displayed. |
| Registration page | {Points to be issued} | Successful registration | Points that the customer can earn after registration is displayed. |
Note: Ensure that you have configured the corresponding points rules for each variable. Otherwise, the information blocks will not be displayed. |
Setting Up the Benefits Info Embeds
The Benefits info embeds display member benefits and highlight key perks on your storefront, encouraging customers to join your membership program.
| Note: Before displaying membership benefits on your storefront, you need to enable the Membership module. To learn more about setting up the membership program, please refer to this Help Center article. |
To configure the Benefits info embeds,
- In your Member System app, go to Style design. In the Member info embeds section, click the Benefits info embeds card.
-
On the left side of the Benefits info embeds page, select the page(s) where you want the benefits info embeds to appear, such as during login, shopping, or at checkout. Available pages include: Product detail page, Shopping cart page, Checkout success page, Login page, and Onboarding page.
To preview your settings, select the corresponding page in the preview section to see the changes in real time.
- For every page, you can make the following customizations:
- Customize the messages that different customers will see: non-logged-in customers, logged-in non-members, and logged-in members.
- Use dynamic variables to display membership-level-related information based on the customer’s level and the benefits of levels you’ve configured.
- Non-logged-in customers clicking the info block will be automatically directed to the login/registration page. You don’t need to configure or customize login link and link text.
- Select the icon for the info block that non-logged-in customers, logged-in non-members, and logged-in members will see. You can choose to inherit the level icons you configured in the Membership module, or upload another one.
- Choose the background and font color in the Style settings section.
- Click Update to save your settings.
|
Notes:
|
Setting Up the Member Info Embeds
Once the Member info embeds are activated, the shopping cart page will display an info embed that directs customers to the relevant page to pay and join the paid membership program. This helps you attract more high-value members.
To configure the Member info embeds,
- In your Member System app, go to Style design. In the Member info embeds section, click the Member info embeds card.
On the left side of the Member info embeds page, select Shopping cart to display the member info embeds.
-
Select the Designated membership level you want the embed to target, then make the following customizations:
- Title: Enter a title for your Membership info embeds to attract customers to join your paid membership program.
- Member benefit description: Select Member benefit of this level or Custom to create your own description.
- Buy button text: Customize the text on the embed’s Buy button.
- Add to Cart button text: Customize the text on the embed’s Add to Cart button.
- Choose the background and font color in the Style settings section.
Click Update to save your settings.
Customizing Member Price Display
The Member price display info embed shows customers the member price alongside the regular product price on your storefront, encouraging them to join your membership program.
| Note: Before displaying member prices on your storefront, you need to enable the Member Price module. To learn more about setting up member prices, please refer to this Help Center article. |
To configure the Member Price display info blocks,
- In your Member System app, go to Style design. In the Member info embeds section, click the Member price display card.
-
Turn on the Member price display toggle to activate the feature.
The settings in the left panel apply to the Product collection page, Product detail page, and Shopping cart page. You can preview your changes by selecting the corresponding page in the preview panel. -
Select the preferred display template and configure the customizable options as needed.
Note: The style of the template on the right is fixed and cannot be customized.
When finished, click Update to save your changes.