Skip to main content

Checkout extensions

Dive into a realm of enhanced customer engagement with checkout extensions.

Written by Farah Bahoui

Introduction

Loyoly's checkout extensions are designed to give more visibility to the rewards of your loyalty program.

Integrate each extension into the checkout process to let customers enjoy a seamless experience and make the most of points and rewards.

📝 These two extensions are available only with Shopify Plus and with loyalty enabled.


Available extensions

Points extension

Showing potential loyalty points at checkout gives your customers an extra incentive to complete a purchase and to explore the benefits of your loyalty program.

Members and guests will see the banner with the number of points they can earn by buying the products. Points are calculated according to the settings chosen in Loyoly.

Reward extension

By integrating reward redemption at checkout, customers are encouraged to redeem their rewards more often, which boosts engagement and encourages repeat purchases.

  1. If the customer arrives at checkout as a guest, the extension will display an invitation to log in or create an account to join your loyalty program.

  2. Once logged in, the page shows the available points and a drop-down list where the customer can select the rewards they can redeem with their current balance, or the rewards they have already claimed.

3. Once the customer has chosen a reward, Loyoly deducts the points from the balance and generates a discount code that is automatically added to the order.

📝 Note:

  1. For the Buy X Get Y reward to work correctly, the customer must meet the following conditions:

  • Buy a product in the right collection

  • Reach the minimum required amount

  • Add the free product to the cart so that the promo code applies correctly

2. For the Free product reward to work correctly, the customer must meet the following conditions:

  • The purchase conditions are met

  • The product in question has no variants.


Customizing the wording of the Checkout points extension

You can now customize the texts displayed by Loyoly's Checkout points extension to match your brand's tone and language. Customization is done directly from the Loyoly Shopify extension, without going through support.

Each text field is pre-filled with a default value that you can edit freely (within the allowed character limit).

Which texts can you edit?

On the checkout points extension, you can edit all of the texts:

  • The earned points text;

  • the earned points explanation;

  • the opt-in title;

  • the opt-in link

💡 You can customize the wording for two distinct cases: when the customer is logged in and when they are not logged in. Each case is configured independently.

💡 Multilingual texts: the checkout extension wordings are now handled by a multilingual structure. Brands operating in several markets are therefore no longer forced to display a single language at the most decisive step of the purchase funnel. Exactly how you fill in your translations is being finalized on the product side: if you operate several markets, contact your CSM or our support team to set them up.

If you have never filled in a translation, nothing changes for you: your current texts keep displaying as they are.

Hiding a text from the extension

You are not required to display every text of the extension. Each one can be hidden with a checkbox, without having to empty it: once the box is checked, the text is not displayed, whether it is filled in or not. By default no box is checked and all texts are displayed.

The texts you can hide:

  • the title;

  • the subtitle shown to the connected customer;

  • the subtitle shown to the customer who is not connected;

  • the suffix added after each reward in the list;

  • the message shown when the customer does not have enough points.

💡 Useful if you are aiming for a clean checkout: rather than filling in short texts all over the place, hide the ones that add nothing to your journey and keep only the essentials. The block stays fully functional, it simply becomes more discreet.


Inserting the number of points

You can include the points number variable in your texts (for example on the Points extension), to dynamically display the points the customer can earn. The variable is used in liquid format.

📝 Good to know about how changes are applied:

  • The description is updated Live: the change appears immediately on the payment page.

  • For the other fields (for example the title), you need to save and then refresh the page to see the change applied.


Choosing where the extension appears

The extension used to be displayed in the order summary. On mobile, that block is collapsed by default behind the discount code section: the majority of mobile buyers therefore never saw the extension, even when it was perfectly installed.

You can now choose the placement at which the extension appears in your checkout, so that the block is visible without any action from the buyer.

💡 If your extension has been installed for several months and its usage looks low to you, this is the first thing to check: the problem may not have been your program, but the fact that the block was invisible on mobile.


How to install the extensions?

  1. Go to your Shopify back office, then Online store.

  2. Then click Customize

  3. Click Home page at the top and choose Checkout.

  4. At the bottom left, add the extensions from the Add app block button. The blocks position themselves automatically.

  5. Don't forget to save!


Frequently asked questions

My customer redeemed points by mistake, what can I do?

If your customer redeemed points but never paid for the order with the discount, you can search for the customer in your Loyoly CRM and refund the points in their profile.

Can I add both extensions?

Yes of course, the two are even complementary.

Where can I learn more about upgrading to checkout extensibility?

To learn more, you can check out this Shopify document.

Did this answer your question?