Comment ajouter un widget de réservation pour animaux à WordPress

Il n’y a rien à installer côté WordPress : aucun plugin, aucune connexion de compte, aucune clé API. L’intégration entière tient en deux lignes de HTML que vous générez une seule fois.

Dans SitPup, ouvrez la page Widget, ajoutez vos services et prix, activez les animaux que vous acceptez, puis ouvrez la section Intégrer le widget et publiez. Le code n’apparaît qu’après la publication. Il ressemble à une div avec quelques attributs de données, suivie d’une balise script.

C’est l’éditeur WordPress par défaut, et le cas qui piège le plus de monde. Si vous collez du code d’intégration dans un bloc Paragraphe, WordPress retire la balise script à l’enregistrement. Il n’y a aucun message d’erreur ; le code cesse simplement discrètement d’être du code, et vous obtenez soit rien, soit une ligne de texte visible sur votre page.

Le bloc qui gère cela correctement s’appelle HTML personnalisé.

Si votre thème a été construit avec Elementor, Divi, Bricks ou un constructeur similaire, vous n’utiliserez pas du tout l’éditeur par blocs pour cette page, et le constructeur a son propre équivalent.

Dans Elementor, c’est le widget HTML, dans Divi, c’est le module Code, dans Bricks, c’est l’élément Code. Ils se trouvent généralement dans le groupe Basique ou Général du panneau d’éléments. Faites-le glisser à l’endroit voulu et collez-y le code.

De nombreux sites de garde d’animaux plus anciens utilisent encore l’éditeur classique, directement ou via un plugin qui le restaure. La règle ici est simple mais facile à oublier : l’onglet Visuel reformate le HTML en coulisses et peut carrément supprimer la balise script.

Cliquez sur l’onglet Texte avant de coller, placez le code où vous le voulez dans le balisage, et enregistrez sans repasser en Visuel. Si vous repassez en Visuel puis enregistrez à nouveau, vérifiez la page publiée, car le code pourrait ne pas avoir survécu.

Si vous voulez le bouton disponible sur tout le site plutôt que sur une seule page, l’ajouter manuellement à chaque page est un problème de maintenance qui ne demande qu’à arriver.

Un plugin de scripts d’en-tête et de pied de page règle ça proprement. Vous collez le code une fois dans ses réglages et choisissez où il se charge. C’est aussi l’option la plus propre si quelqu’un d’autre gère votre site, car il n’y a qu’un seul endroit à vérifier en cas de changement.

Neuf fois sur dix, c’est le cache ou l’optimisation, pas le code. Les sites WordPress utilisent généralement au moins un plugin qui met les pages en cache, minifie les ressources ou diffère le JavaScript, et ces plugins sont agressifs par défaut avec les scripts tiers.

Passez en revue ces points dans l’ordre avant de supposer que l’intégration est cassée :

L’aperçu de l’éditeur est un rendu de votre contenu, pas une copie fidèle de la page publiée, et il ne passe pas par la même couche d’optimisation que vos visiteurs.

Ouvrez l’URL publiée dans une fenêtre de navigation privée, cliquez sur le bouton, et envoyez-vous une vraie demande de test. Vérifiez qu’elle arrive sous Réservations dans votre tableau de bord SitPup. Ouvrez ensuite la même page sur votre téléphone, car c’est de là que vient l’essentiel du trafic en garde d’animaux et c’est là qu’une intégration mal placée se voit généralement.