Le code personnalisé vous permet d'aller au-delà des options de design intégrées. Utilisez-le pour affiner les styles, ajouter un bandeau de cookies ou charger un script tiers sur votre site de réservation.
Avant de commencer
- Votre salon a le forfait Ultimate.
- Vous avez le rôle Super administrateur ou Propriétaire.
- Vous êtes à l'aise avec HTML, CSS ou JavaScript. Un code défectueux peut casser votre site de réservation.
Vous voulez simplement suivre les visites ? Inutile d'ajouter du code personnalisé. Connectez plutôt Google Analytics, Google Tag Manager ou Meta Pixel en tant qu'intégration. Consultez Suivre les visites avec Google Analytics, Tag Manager ou Meta Pixel.
- 1
Étape 1 sur 4
Ouvrez les paramètres de code personnalisé
Ouvrez Paramètres › Apparence › Personnalisé. Vous voyez trois cartes : HTML personnalisé, CSS personnalisé et JS personnalisé.
- 2
Étape 2 sur 4
Ajoutez votre code
Collez ou rédigez votre code dans l'éditeur de la carte voulue :
- HTML personnalisé est ajouté à la fin de chaque page.
- CSS personnalisé est ajouté comme feuille de style à chaque page.
- JS personnalisé s'exécute sur chaque page une fois celle-ci chargée. Écrivez du JavaScript simple, sans balises
script.
- 3
Étape 3 sur 4
Enregistrez
Cliquez sur Enregistrer en bas de la carte. Chaque carte s'enregistre séparément.
Vous verrez:Un message Paramètres mis à jour apparaît.
- 4
Étape 4 sur 4
Testez votre site
Ouvrez votre site de réservation dans une nouvelle fenêtre de navigation privée et vérifiez que les pages s'affichent correctement et que vous pouvez toujours effectuer une réservation.
Où votre code s'exécute
Votre code s'exécute sur toutes les pages de votre site de réservation, y compris le parcours de réservation, les pages du compte client et vos pages personnalisées. Il s'exécute aussi dans votre widget de réservation quand vous l'intégrez à un autre site web.
Il ne s'exécute pas dans le Dashboard Softalon.
Si vous changez de forfait
Si votre salon passe à un forfait sans code personnalisé, votre code cesse de s'exécuter sur votre site. Il reste enregistré et revient si vous repassez au forfait Ultimate.
Le JavaScript personnalisé s'exécute sur des pages où les clients saisissent des données personnelles et des informations de paiement. N'ajoutez que des scripts provenant de sources de confiance.
En cas de problème
Mon site s'affiche mal après l'ajout de CSS
Videz l'éditeur CSS personnalisé, cliquez sur Enregistrer et rechargez votre site. Ajoutez ensuite vos règles quelques-unes à la fois pour trouver celle qui pose problème.
Mon script ne s'exécute pas
Vérifiez que vous avez collé uniquement le JavaScript dans JS personnalisé, sans les balises script qui l'entourent. Les balises script placées dans HTML personnalisé ne s'exécutent pas. Pour charger un fichier de script externe, créez-le depuis JS personnalisé :
var s = document.createElement("script");
s.src = "https://example.com/widget.js";
document.body.appendChild(s);
Questions fréquentes
Non. Le code personnalisé s'applique à toutes les pages. Votre JavaScript peut vérifier l'adresse de la page s'il ne doit agir que sur certaines pages.