Guide SitPup
Comment ajouter un widget de réservation pour animaux à Wix
Wix propose deux façons vraiment différentes d’ajouter du code d’intégration, adaptées à des objectifs différents. Voici laquelle choisir, plus l’étape d’affichage mobile que les utilisateurs Wix découvrent souvent trop tard.
5 min de lecture
Page SitPup liée : Widget de réservation
Terminez d’abord la configuration SitPup
La partie Wix prend quelques minutes. La partie qui détermine si le parcours de réservation est réellement utile se passe avant, dans SitPup.
Ouvrez la page Widget, ajoutez vos services avec prix et capacité, activez les animaux que vous acceptez, fixez vos disponibilités sur la page Calendrier, puis publiez depuis la section Intégrer le widget. C’est la publication qui génère votre code, il n’y a donc rien à coller tant que ce n’est pas fait.
Option 1 : Intégrer un widget, pour une seule page
C’est le bon choix quand vous voulez le bouton à un endroit précis sur une page précise, positionné visuellement comme n’importe quel autre élément.
- 1
Ouvrez le panneau Ajouter
Dans l’éditeur Wix, cliquez sur l’icône plus dans la barre latérale gauche.
- 2
Choisissez Intégrer, puis Intégrer un widget
Selon votre version de Wix, cela peut apparaître sous « Code d’intégration » ou « Intégrations personnalisées ». Les deux mènent au même endroit.
- 3
Collez le code SitPup
Cliquez dans l’élément d’intégration, choisissez l’option pour saisir du code, et collez les deux lignes.
- 4
Redimensionnez et positionnez l’élément
Wix affiche l’intégration dans une boîte fixe que vous faites glisser et redimensionnez. Donnez-lui toute la largeur de votre colonne de contenu et assez de hauteur pour que le bouton ne soit pas coupé.
Wix exécute les intégrations dans leur propre cadre. Ce n’est pas un problème ici : le widget est autonome et n’a pas besoin d’accéder au reste de votre page pour fonctionner.
Option 2 : Code personnalisé, pour tout le site
Si vous voulez le bouton sur plusieurs pages, ajouter un élément d’intégration à chacune à la main devient vite fastidieux et incohérent. Wix a un réglage dédié pour cela.
Allez dans Paramètres, puis Code personnalisé, et ajoutez-y le code SitPup. Vous choisissez sur quelles pages il se charge, toutes ou une sélection précise, et s’il se charge dans l’en-tête ou à la fin du corps. Pour un bouton de réservation, le corps est le bon choix.
Code personnalisé est disponible sur les plans payants de Wix avec un domaine connecté. Sur un site Wix gratuit, vous devrez utiliser la solution Intégrer un widget à la place.
Où le placer sur un site de garde d’animaux
Le bouton convertit le mieux là où un visiteur vient de lire quelque chose qui lui donne envie de réserver. Sur les sites de garde d’animaux, c’est généralement la fin d’une description de service, juste après vos prix, ou comme première option sur votre page de contact, au-dessus du formulaire de contact.
Le bas d’une longue page d’accueil est la position la plus faible, car elle suppose que les gens descendent aussi loin, et les statistiques des sites de petites entreprises montrent systématiquement que la plupart ne le font pas. Si vous hésitez entre deux emplacements, utilisez les deux ; le même code fonctionne à autant d’endroits que vous voulez.
Vérifiez l’affichage mobile séparément
C’est l’étape spécifique à Wix que les gens manquent. Wix maintient un affichage mobile distinct de votre affichage bureau, et les éléments que vous positionnez sur bureau n’atterrissent pas toujours logiquement sur mobile.
Passez à la vue mobile dans l’éditeur et examinez spécifiquement l’intégration. Les problèmes courants sont l’élément entièrement caché, réduit au point que le bouton devient illisible, ou chevauchant la section en dessous. Corrigez-le là, car la majorité de vos visiteurs verront cette version plutôt que celle de bureau.
Publiez, puis envoyez une vraie réservation de test
Les changements dans l’éditeur Wix ne sont pas en ligne tant que vous n’avez pas publié, donc la première étape est évidente mais facile à oublier dans la précipitation.
Ouvrez ensuite l’URL publiée dans une fenêtre de navigation privée, cliquez sur le bouton, et envoyez une vraie demande de test avec des dates et des détails d’animal remplis. Vérifiez qu’elle apparaît sous Réservations dans votre tableau de bord SitPup avec tout ce que vous attendiez. Répétez le clic sur votre téléphone. Ce n’est qu’ensuite que vous devriez envoyer du vrai trafic vers la page.
À retenir
- Configurez services, prix et disponibilités dans SitPup et publiez avant d’ouvrir l’éditeur Wix.
- Utilisez Intégrer un widget pour une page ; utilisez Paramètres, puis Code personnalisé, pour un bouton sur tout le site.
- Code personnalisé nécessite un plan Wix payant avec un domaine connecté.
- Wix garde un affichage mobile distinct : vérifiez et corrigez l’intégration là aussi.
- Publiez, puis testez depuis la page en ligne sur bureau et téléphone avant d’y envoyer du trafic.
Obtenez votre bouton de réservation Wix
Configurez le formulaire, publiez, et collez l’extrait dans un élément d’intégration ou dans Code personnalisé.