Publier le formulaire de rétractation sur la boutique

Avant de commencer

Vous avez terminé l’assistant de configuration et vous avez accès à l’éditeur de thème de la boutique.

Trois façons d’afficher le formulaire

L’application ajoute trois blocs à votre thème. Ils affichent le même formulaire de trois façons, et vous pouvez les combiner.

Sur la page Éditeur formulaire de l’application, ces blocs sont décrits comme « Formulaire de rétractation UE », « Popup de rétractation » et « Bouton flottant ».

Astuce : la combinaison la plus courante est une page dédiée avec le bloc Module, liée depuis le menu du pied de page, plus le bouton Floating sur toutes les pages.

Méthode 1 — Une page dédiée avec le bloc Module

Créer un modèle de page

1. Dans l’admin Shopify, allez dans Boutique en ligne › Thèmes.

2. Sur le thème publié, cliquez sur Personnaliser.

   Ce que vous verrez : l’éditeur de thème s’ouvre sur l’aperçu de la page d’accueil.

3. En haut, ouvrez le sélecteur de modèles (il affiche en général « Page d’accueil ») et cliquez sur Créer un modèle.

4. Choisissez Page comme base, donnez un nom comme retractation et confirmez.

   Ce que vous verrez : l’éditeur affiche le nouveau modèle de page, encore vide.

Créer la page et lui attribuer le modèle

1. Dans un autre onglet, allez dans Boutique en ligne › Pages et cliquez sur Ajouter une page.
2. Saisissez un titre, par exemple Rétractation / Droit de rétractation.
3. À droite, sous Modèle de thème, choisissez le modèle que vous venez de créer.
4. Cliquez sur Enregistrer.

Ajouter le bloc Module

1. Revenez dans l’éditeur de thème et ouvrez la page créée (choisissez votre modèle dans le sélecteur).
2. Dans la barre latérale gauche, sous Applications, cliquez sur Ajouter un bloc.

3. Choisissez Module.

   Ce que vous verrez : l’aperçu affiche le formulaire « Demande de rétractation » avec la barre des 3 étapes.

4. Cliquez sur Enregistrer en haut à droite.

Attention : dès que vous enregistrez le thème publié, le formulaire est visible des clients sur la page créée.

Méthode 2 — Un bouton Pop-up dans une page

1. Dans l’éditeur de thème, ouvrez la page où vous voulez le bouton.

2. Sous Applications dans la barre latérale gauche, cliquez sur Ajouter un bloc et choisissez Pop-up.

   Ce que vous verrez : un bouton apparaît dans l’aperçu. Un clic dessus ouvre le formulaire dans une fenêtre.

3. Dans les réglages du bloc, sous Texte du bouton déclencheur (Art. 11a), vous pouvez saisir le texte du bouton. Vide, le texte standard est utilisé.
4. Cliquez sur Enregistrer.

Méthode 3 — Le bouton Floating

1. Dans l’éditeur de thème, ouvrez le panneau Intégrations d’application (l’icône des applications dans la barre latérale gauche).

2. Trouvez Floating d’IFG Returns et activez l’interrupteur.

   Ce que vous verrez : le bouton flottant apparaît en bas de l’aperçu.

3. Ouvrez les réglages de Floating pour changer la position et le texte :
   • Afficher uniquement sur cette page : laissez vide pour afficher le bouton sur toutes les pages ; choisissez une page pour ne l’afficher que là.
   • Position horizontale : droite ou gauche.
   • Distance du bas : combien de pixels au-dessus du bord inférieur.
   • Texte du bouton flottant (Art. 11a) : le texte du bouton.
4. Cliquez sur Enregistrer.

Si un autre bouton fixe occupe déjà le même coin, par exemple un chat, le bouton flottant remonte de lui-même pour ne pas le masquer.

Lier la page depuis le pied de page

Pour que les clients trouvent toujours la rétractation, ajoutez la page créée au menu du pied de page de la boutique, dans les menus de navigation de Shopify. Le texte du lien peut être, par exemple, « Rétractation ».

Vérifier que le formulaire est actif

1. Ouvrez l’application : Applications › IFG Returns › Vue d’ensemble.

2. Dans la section Statut d’intégration du thème, cliquez sur Vérifier l’activation.

   Ce que vous verrez : le bouton affiche « Vérification… », puis chaque ligne indique son état : « Bouton flottant » Actif ou Inactif, « Formulaire intégré » et « Bouton Popup » Ajouté ou Non ajouté.

3. Vérifiez aussi le badge en haut : avec au moins un bloc actif, le DPA accepté et les données légales remplies, il indique « Conforme à l’Art. 9 Dir. 2011/83/UE ».

La vérification porte uniquement sur le thème publié. Un bloc ajouté à un thème brouillon ne compte pas.

En cas de problème

Je ne trouve pas la section Applications ni le bouton Ajouter un bloc. Votre thème n’accepte pas de blocs d’application à cet endroit. Utilisez le bouton Floating, qui fonctionne depuis « Intégrations d’application », ou essayez le bloc dans une autre section de la page.

La Vue d’ensemble indique « Non ajouté » alors que j’ai ajouté le bloc. Vérifiez que vous avez cliqué sur Enregistrer dans l’éditeur de thème, et sur le thème publié. Cliquez ensuite de nouveau sur Vérifier l’activation.

J’ai envoyé le formulaire dans l’aperçu de l’éditeur et je vois « Mode aperçu : aucune demande n’a réellement été envoyée. » C’est normal : dans l’éditeur de thème, le formulaire ne crée pas de vraies demandes. Testez sur la boutique publiée, comme expliqué dans Ce que voit le client.

Étape suivante

Ce que voit le client