Personnalisation du « Widget » de réservation - Nouvelle IU

Modifié le Mar, 3 Sept. à 8:15 H

Cet article vous aidera à trouver le code de votre widget pour l'intégrer à votre site web.

Une fois que vous êtes connecté(e) à votre compte Vetstoria, naviguez vers : Paramètres > Intégrations > Widget

Faites défiler la page d'intégration des widgets jusqu'au code du widget situé au bas de l'écran.

La section du code contenant le code unique de votre widget ressemblera à ceci :

Cliquez sur "Copier le code du widget" pour copier le code dans votre presse-papiers.

Collez ensuite ce code dans une <div> à l'intérieur de votre page dédiée à la réservation en ligne sur votre page web.

La <div> servira de conteneur dans lequel le widget de réservation intégré s'insérera.

Personnalisation des couleurs

Dans le code du widget se trouve un attribut appelé "data-theme-customization" qui comprend 10 valeurs hexagonales de couleur qui contrôlent le thème du widget. Le tableau ci-dessous décrit l'ordre des valeurs et ce qu'elles contrôlent.

Example theme attribute

data-theme-customisation= "000001,000002,000003,000004,000005,000006,000007,000008,000009,000010"

Hex Placeholder ID	S'applique à
000001	Non utilisé
000002	Icônes sélectionnées, y compris le créneau horaire et les points forts du menu déroulant
000003	Barre de progression - Points de progression passés
000004	Texte sur les icônes de progrès et les icônes surlignées
000005	Barre de progression - Futurs points de progression
000006	Boutons de navigation - Bordure en haut et LHS
000007	Boutons de navigation - Couleur principale Haut (s'il est utilisé avec l'élément ci-dessous, il créera le dégradé supérieur)
000008	Boutons de navigation - Couleur principale en bas (si elle est utilisée avec la précédente, elle créera le dégradé du bas)
000009	Boutons de navigation - Bordure en bas et RHS
000010	Non utilisé

Vous pouvez utiliser le guide ci-dessous comme référence:

Si vous avez des questions ou si vous avez besoin d'aide, connectez-vous à Vetstoria pour discuter avec notre équipe ou utilisez le formulaire de contact en haut de cette page.