Documents

Intégrer le Widget

Si vous souhaitez recevoir des réservations à partir d'un site web externe, vous pouvez le faire en intégrant le widget. Suivez ces étapes :

  1. Allez dans les paramètres du widget.

  2. Choisissez l'une des deux options disponibles :

    • Intégrer un bouton qui déclenchera l'affichage du widget de réservation.
    • Intégrer directement le widget de réservation sur la page à l'aide d'un iFrame.

  3. Copiez le code à partir de la zone désignée.

  4. Insérez le code dans la page souhaitée. Assurez-vous de le coller en tant que code HTML, et non en tant que texte brut. Si vous utilisez WordPress, collez-le dans un bloc HTML.

Vous avez la flexibilité d'ajuster les paramètres de l'iFrame pour s'adapter aux dimensions de votre page. Cela vous permet de personnaliser la largeur et la hauteur selon vos besoins.

Image

Image

Collez le texte à l'intérieur en tant que code HTML.

Image

Intégrez entièrement le formulaire dans la page.

Image

Bouton pour afficher le formulaire dans une popup.

Image

Problème d'Affichage du Formulaire

Si le widget n'est pas affiché lorsqu'il est inséré dans un autre site web, cela peut être dû à un en-tête dans la réponse. Pour résoudre ce problème, suivez ces étapes :

Image

  1. Identifier l'En-tête Problématique : L'en-tête qui pose problème est X-Frame-Options avec la valeur "SAMEORIGIN."

  2. Modifier Votre Fichier Nginx : Vous devrez modifier votre fichier de configuration Nginx. Localisez le bloc de configuration pour votre site web ou application.

  3. Commenter l'En-tête : À l'intérieur du bloc de configuration Nginx, trouvez la ligne qui ajoute l'en-tête problématique et commentez-la. Voici un exemple :

    Avant Modification :
    add_header X-Frame-Options "SAMEORIGIN";
    Après Modification :
    # add_header X-Frame-Options "SAMEORIGIN";

  4. Enregistrer et Recharger Nginx : Enregistrez les modifications apportées à votre fichier de configuration Nginx, puis rechargez Nginx pour appliquer les changements. Vous pouvez le faire avec les commandes suivantes :

    sudo nginx -t # Tester la configuration pour les erreurs de syntaxe
    sudo systemctl reload nginx # Recharger Nginx pour appliquer les changements

En commentant l'en-tête X-Frame-Options dans votre configuration Nginx, vous devriez permettre l'affichage du widget lorsqu'il est intégré dans un autre site web.

Image