Introduction
Dans une démarche d’amélioration continue de la performance et de l’expérience utilisateur, Loyoly fait évoluer le déploiement de la page de fidélité.
Cette nouvelle approche s’appuie sur les standards natifs de Shopify pour offrir une page plus rapide, plus stable et plus facile à maintenir, tant pour les marques que pour les équipes Loyoly.
✨ Vérifiez que tout est bien paramétré avec notre Checklist de lancement.
Référencer votre page
Dans l'onglet, Communication - Diffusion, vous retrouvez les paramètres liés à votre page.
Page fidélité
Nouvelle page
Ici vous pouvez changer le nom de votre page : ce nom deviendra l'URL générée.
C'est aussi le nom que vous retrouverez sur Shopify pour référencer votre page.
Retrouvez également le lien vers votre page, qui vous permet de visualiser le rendu de votre programme sur votre site. Il sera utile pour communiquer via newsletter et sur les réseaux sociaux.
Ma page
Si vous ne déployez pas la page depuis Loyoly, vous devez intégrer le lien de votre page de fidélité ici afin que :
Les CTA des emails redirigent directement vers cette page.
Le CTA dans le module « Compte client » redirige également vers cette page.
Paramètres
Sur cette page, vous disposez de plusieurs paramètres qui permettent une meilleure gestion de votre page de fidélité.
Aperçu de la page
Ce bouton vous permet d’accéder à un aperçu de votre page de fidélité.
⚠️ Tant que la page n’a pas été référencée. sur Shopify, elle ne sera pas visible par vos clients.
2. Personnalisation de la page
Le bouton « Personnaliser » situé sur votre page vous redirige directement vers l’onglet « Branding », où vous pouvez personnaliser votre page de fidélité.
3. Ajouter des sections de fidélité à votre page
Depuis Loyoly, vous pouvez ajouter directement des sections à votre page Shopify.
Le bouton « Ajouter la section » applique automatiquement la section sélectionnée à votre page de fidélité.
⚠️ Pour que la section s’ajoute correctement à votre page, votre page Loyoly doit être reliée à un template de page Shopify et non au "Default page"
Compte client
Le module compte client vous permet d'ajouter un encart sur le compte de votre client. Cela lui permet d'accéder directement au programme en un clic.
Ajouter la page sur Shopify
Si vous avez déployé votre page de fidélité avant le 29/12/2026, suivez ce guide.
Étape 1 : Créer un template dans Shopify
Maintenant que votre page a bien été créée dans Loyoly
Rendez-vous dans Online Store → Customize.
Home page → Pages
Créez un nouveau template.
Donnez-lui un nom (ex. : “fidélité”)
Depuis l’onglet template ->Apps, ajoutez les sections que vous souhaitez afficher sur votre page.
Enregistrez vos modifications
Étape 2 : Référencer la page
Allez dans Pages.
Cliquez sur le nom de la page correspondante .
En bas à droite, associez le template que vous venez de créer.
Étape 3 : Ajouter la page au menu principal
Pour rendre la page accessible sur votre site :
Rendez-vous dans Content → Menus → Main menu.
Cliquez sur Add menu item, puis sélectionnez votre page via Link.
Sauvegardez vos modifications.
Étape 4 : Votre page est en ligne
Félicitations 🚀 Votre page de fidélité est maintenant disponible sur votre site !
Mise à jour – Déploiement de la page Loyoly
Clients existants
Si vous disposez déjà d’une page de fidélité, une migration est nécessaire pour passer de l’ancienne version basée sur du code injecté à la nouvelle méthode.
Suivez les étapes ci-dessous pour effectuer cette migration et bénéficier des améliorations de performance, de stabilité et d’intégration.
Étape 1
Rendez-vous dans Pages → Page de fidélité.
Supprimez le script existant.
Enregistrez les modifications.
Étape 2
Accédez à Online Store → Edit theme.
Ouvrez Home page → Page.
Créer un nouveau template
Depuis l’onglet Apps, ajoutez les sections que vous souhaitez afficher sur votre page.
Enregistrez vos modifications
Étape 3
Retournez dans Shopify → Online Store → Pages
Assignez le nouveau template à votre page de fidélité
Enregistrez vos modifications
⚠️ À noter
Le branding ainsi que la personnalisation de la page (couleurs, contenus, visuels, etc.) se font toujours depuis l’interface Loyoly.