Integrate with Klaviyo #8

BON x GemPages integration

This document will provide detailed instructions on how to integrate BON Loyalty elements into your pages built with GemPages, allowing you to enhance customer experience, increase program visibility, and drive repeat purchases.

はじめに

This integration leverages GemPages’ flexible page builder to deeply embed BON loyalty program into your storefront, directly contributing to the following objectives:

Boost Awareness: Display loyalty features prominently on your GemPages theme using BON Loyalty blocks.
Increase User Adoption: Offer enhanced functionality and clear CTAs (Calls-to-Action) to encourage customers to join and interact with the loyalty program.
Improve Conversion: Place loyalty rewards information directly on product pages to incentivize purchases.

概要

I. Adding Loyalty Program Elements (Template Sections)
II. Adding a Loyalty Widget CTA on Product Pages
1. Goal
2. Step-by-Step Implementation

I. Adding Loyalty Program Elements (Template Sections)

The integration allows store owners to add BON Loyalty blocks directly on your GemPages-built theme (e.g., a dedicated Loyalty Page or the Home Page). These BON Loyalty blocks include:

Loyalty Header
Points Earning section
Points Redeem section
VIP Tier section
Referral Program section

Here are the detailed steps to add:

Step 1: Open GemPages Pages > Create New Page or Select the pre-built template for different types of page.

Step 2: Goes to Apps Section

Step 3: Select BON Loyalty: Find and select the “BON Loyalty” app integration.

Step 4: Drag-and-Drop: Drag the desired loyalty element (e.g., “VIP Tier Section”) onto your page layout.

Step 5: Automatic Sync: The displayed information (points, tiers, text) will automatically sync with the settings you have configured inside your BON Loyalty application.

II. Adding a Loyalty Widget CTA on Product Pages

With a view to provide a seamless shopping experience for customers, this feature allows you to insert a dedicated Call-to-Action (CTA) link on your product pages built with GemPages.

注意: To enable this extension, you will need to subscribe to Growth plan in BON Loyalty

1. Goal

Inserting a dynamic message and link on the product detail page to inform customers about the points they will earn for that product, improving conversion by highlighting rewards.

2. Step-by-Step Implementation

Edit Product Page Template: In GemPages, open the Product Page template or a specific product page you wish to modify.
Then, in the Apps section > BON Loyalty > Select Points On Product Page.

注意: You must activate this feature in BON Loyalty to display this extension on your product page.

Save and Publish: Save the changes in GemPages and publish the page to allow the extension live on your storefront.