LoyaltyLion

How do you use LoyaltyLion on your headless Shopify store?

Order and signup data will still be automatically synced, no action is required

Integrate the LoyaltyLion SDK as if you're a custom store, i.e., the store should still be installed as a Shopify store. 

However, the merchant will need to handle the frontend implementation themselves:

- Load the SDK on every page: <a href="https://developers.loyaltylion.com/sdk/installation/" rel="nofollow noopener noreferrer" target="_blank">https://developers.loyaltylion.com/sdk/installation</a>/
- Please note, that if the SDK is not loaded on every page as described in <a href="https://developers.loyaltylion.com/docs/install-shopify" rel="nofollow noopener noreferrer" target="_blank">our installation documentation</a>, your customers might not be able to view their loyalty program.

- Initialize the SDK and authenticate your customers with LoyaltyLion: <a href="https://developers.loyaltylion.com/sdk/javascript-api#initialization" rel="nofollow noopener noreferrer" target="_blank">https://developers.loyaltylion.com/sdk/javascript-api#initialization</a>

- If they match <code>/account/login</code> and <code>/account/register</code>, no action is required
- If your signup/login URLs differ, provide us with the updated link(s)
 - the dev team will update the site's <code>settings.urls</code>

- Follow LoyaltyLion onboarding as normal
- Order and signup data will still be automatically synced, no action is required
- Integrate the LoyaltyLion SDK as if you're a custom store, i.e., the store should still be installed as a Shopify store. 
- However, the merchant will need to handle the frontend implementation themselves:
 - Load the SDK on every page: <a href="https://developers.loyaltylion.com/sdk/installation/" rel="nofollow noopener noreferrer" target="_blank">https://developers.loyaltylion.com/sdk/installation</a>/
 - Please note, that if the SDK is not loaded on every page as described in <a href="https://developers.loyaltylion.com/docs/install-shopify" rel="nofollow noopener noreferrer" target="_blank">our installation documentation</a>, your customers might not be able to view their loyalty program. 
 - Initialize the SDK and authenticate your customers with LoyaltyLion: <a href="https://developers.loyaltylion.com/sdk/javascript-api#initialization" rel="nofollow noopener noreferrer" target="_blank">https://developers.loyaltylion.com/sdk/javascript-api#initialization</a>
- Verify your signup and login URLs
 - If they match <code>/account/login</code> and <code>/account/register</code>, no action is required
 - If your signup/login URLs differ, provide us with the updated link(s)
 - the dev team will update the site's <code>settings.urls</code>

Is a Shopify headless store compatible with Shopify Scripts?

Yes. When you create or edit a script, you choose whether it will run in your online store only, or in your online store and in the following apps: Private apps built with the Storefront API, etc. (<a href="https://help.shopify.com/en/manual/checkout-settings/script-editor" rel="nofollow noopener noreferrer" target="_blank">Source</a>). Use the Storefront API, Shopify's headless commerce solution, to add Shopify buying experiences... (<a href="https://shopify.dev/concepts/shopify-introduction" rel="nofollow noopener noreferrer" target="_blank">Source</a>). ​

Which rewards are supported on a headless store?

<a href="https://help.loyaltylion.com/en/articles/5998069-reward-discount-flat-and-percentage">Discount (flat and percentage)</a>

<a href="https://help.loyaltylion.com/en/articles/1965657-reward-free-shipping">Free shipping</a>

<a href="https://help.loyaltylion.com/en/articles/1965659-rewards-free-product-voucher">Free product (voucher)</a>

<a href="https://help.loyaltylion.com/en/articles/1965665-reward-subscription-rewards">Subscription rewards</a>

<a href="https://help.loyaltylion.com/en/articles/1965669-shopify-plus-gift-cards">[Shopify Plus] Gift cards</a>

- <a href="https://help.loyaltylion.com/en/articles/5998069-reward-discount-flat-and-percentage">Discount (flat and percentage)</a>
- <a href="https://help.loyaltylion.com/en/articles/1965657-reward-free-shipping">Free shipping</a>
- <a href="https://help.loyaltylion.com/en/articles/1965659-rewards-free-product-voucher">Free product (voucher)</a>
- <a href="https://help.loyaltylion.com/en/articles/1965665-reward-subscription-rewards">Subscription rewards</a>
- <a href="https://help.loyaltylion.com/en/articles/1965669-shopify-plus-gift-cards">[Shopify Plus] Gift cards</a>

On a headless store front, features that interact with the frontend Shopify API are not expected to work. These include the following rewards:

- <a href="https://help.loyaltylion.com/en/articles/1965660-reward-free-product-seamless">Free product (seamless)</a>
- <a href="https://help.loyaltylion.com/en/articles/1965666-in-cart-rewards-and-instant-points">[Shopify] In-cart product rewards</a>

Is a Shopify headless store compatible with the Checkout Redemption Slider?

Yes! If your store is using the standard Shopify checkout, then you can add the <a href="https://help.loyaltylion.com/en/articles/1965711-shopify-plus-points-slider-checkout-redemption">checkout redemption</a>.

Are notifications are supported on a headless store?

Yes! Notifications are supported. <a href="https://developers.loyaltylion.com/docs/install-shopify/" rel="nofollow noopener noreferrer" target="_blank">Learn more about notifications here</a>.