Passer au contenu principal

Ajoutez votre widget de carte-cadeau en ligne à votre site web

Cet article explique comment ajouter votre widget de carte cadeau. Il y a deux façons de le faire.

Ajoutez un module de carte-cadeau à votre site web. Grâce à ce module, vos clients peuvent acheter une carte-cadeau en 3 étapes. Ils choisissent le montant, remplissent leurs données personnelles et paient en ligne. La carte cadeau sera envoyée par e-mail aux clients.

l existe deux façons d’ajouter le widget des cartes cadeaux à votre site web.

Option 1 : le widget des cartes cadeaux s’ouvre via un bouton visible sur chaque page, par exemple en bas à droite des pages.

Option 2 : vous ajoutez le widget des cartes cadeaux en version intégrée (« inline ») sur une page spécifique de votre site web.

Ci-dessous, nous expliquons les deux différentes méthodes à l’aide d’un exemple et nous indiquons les paramètres nécessaires pour l’option que vous choisissez.

Attention : pour utiliser le widget des cartes cadeaux, vous devez disposer d’une intégration active avec un prestataire de paiement tel que Stripe ou Mollie afin de pouvoir traiter les paiements en ligne. La configuration se fait en quelques étapes.
Vous avez une question à ce sujet ou besoin d’aide ? N’hésitez pas à nous contacter !

Vous pouvez découvrir le fonctionnement du widget des cartes cadeaux dans cet article:


Option 1 : widget carte-cadeau + bouton

le widget carte-cadeau s'ouvre en appuyant sur un bouton, qui est visible sur chaque page. Le code de ce bouton sera ajouté au pied de page de votre site web.

Vous trouverez ci-dessous un exemple de carte-cadeau et de widget de carte-cadeau :

Voici ce que vous voyez lorsque vous cliquez sur "acheter une carte cadeau" :

Voulez-vous ajouter le widget comme ceci ?

Suivez les étapes ci-dessous sur la page du widget carte cadeau.

  • Choisissez une couleur personnalisée ou sélectionnez l’une des options par défaut.

  • Sélectionnez l’option d’affichage « bouton sur mon site web ».

  • Choisissez une position pour le bouton (par exemple en bas à droite).


Attention : ces paramètres ont une influence sur le code que vous ajoutez au pied de page (footer) de votre site web. Veillez donc à définir d’abord les bons paramètres avant de copier le code à ajouter à votre site.

Si vous modifiez l’un de ces paramètres ultérieurement, le code devra être ajouté à nouveau à votre site afin d’appliquer les changements.

Le code à ajouter pour le widget se trouve en bas de la page. Copiez l’intégralité du code et ajoutez-le au footer de votre site web.


Comment ajouter le code au footer ?

Vous avez un site WordPress ? Dans ce cas, vous pouvez suivre ce guide étape par étape pour ajouter le code :

  • Connectez-vous à votre site web.

  • Cliquez sur « Plugins » dans le menu de gauche. Vous ne trouvez pas « Plugins » ? Il est alors probable qu’une autre personne gère votre site web et que vous ne disposiez pas de tous les droits nécessaires pour effectuer des modifications. Contactez votre personne de référence ou votre gestionnaire de site web afin de lui demander d’ajouter le bouton pour vous.

  • Cliquez ensuite sur « Add new » en haut de la page.

  • Dans la barre de recherche, saisissez « Headers and Footers ».

  • Cliquez sur « Insert Headers and Footers ». Cliquez ensuite sur « Install » et, une fois l’installation terminée, cliquez sur « Activate ».

  • Dans le menu de gauche, allez dans « Settings », puis cliquez sur « Insert Headers and Footers ».

  • En bas de la page, vous trouverez la section « Scripts in Footer ». Accédez à cette zone de texte.

  • Copiez le code depuis votre compte Salonized (cliquez en bas à gauche sur Info > Promotion > Widget des cartes cadeaux > Code).

  • Collez ce code dans la zone de texte « Scripts in Footer ».

  • Cliquez ensuite sur « Save ».

Le nouveau bouton « Acheter une carte cadeau » apparaît maintenant en bas à droite de votre site web. Vous ne le voyez pas encore ? Actualisez simplement la page.


Option 2 : widget de carte cadeau en ligne

Une version en ligne du widget carte-cadeau signifie que vous l'ajoutez à une page spécifique de votre site web. Par exemple, si vous avez une page spéciale pour vos cartes cadeaux. Par exemple, si vous avez une page spéciale pour vos cartes-cadeaux :

Dans ce cas, vous ajoutez le code à une page spécifique de votre site web. Il peut s’agir de la page d’accueil ou d’une page dédiée aux cartes cadeaux. Vous pouvez également ajouter le widget sur plusieurs pages en version intégrée (« inline »).

Si vous souhaitez utiliser la version intégrée (« inline »), configurez votre widget des cartes cadeaux comme suit sur la page du widget des cartes cadeaux :

  • Choisissez une couleur personnalisée ou conservez l’option par défaut.

  • Sélectionnez l’option d’affichage « version intégrée (inline) ».

  • Laissez la largeur automatique activée (ou désactivez-la si vous souhaitez la définir vous-même).

  • Conservez la hauteur à 700 ou ajustez-la selon vos préférences.


Attention : ces paramètres ont une influence sur le code que vous ajoutez au footer de votre site web. Veillez donc à définir d’abord les bons paramètres avant de copier le code à ajouter à votre site.

Si vous modifiez l’un de ces paramètres ultérieurement, le code devra être ajouté à nouveau à votre site afin d’appliquer les changements.


Le code à ajouter pour le widget se trouve en bas de la page. Copiez l’intégralité du code et ajoutez-le à une page spécifique de votre site web (sous forme de code HTML).



Ajouter le widget des cartes cadeaux au mini-site Salonized

Vous utilisez le mini-site de Salonized ? Vous pouvez également y ajouter le widget des cartes cadeaux. Pour ce faire, suivez les étapes suivantes :

  • Accédez aux paramètres du mini-site dans votre compte Salonized.

  • Cochez l’option « afficher le widget des cartes cadeaux » et cliquez sur « enregistrer » en bas à droite de la page.

  • Vous pouvez modifier la couleur ou d’autres paramètres sur la page des paramètres du widget des cartes cadeaux.


Vous avez une question à ce sujet ? Vous n’arrivez pas à ajouter le widget des cartes cadeaux à votre site web ? Contactez-nous. Nous serons ravis de vous aider !

Avez-vous trouvé la réponse à votre question ?