Intégration du widget de réservation

Si vous ne désirez pas diriger vos clients vers la page de votre compte Réservotron, vous pouvez insérer un widget dans le code de votre site web. Celui-ci vous permettra d'ajouter le panier d'achat directement à votre site et d'effectuer les transactions sans avoir à le quitter.

Accédez au code de votre site web
Ajoutez ensuite le code suivant à l'intérieur de la page pour laquelle vous désirez le widget

    <div id="rsvt-wrapper"
         style="max-width:941px;margin:0 auto;overflow:hidden;padding:34px 0px;">
      <div id="reservotron-store-content-wrapper"
           style="position:relative;height:400px;">
        <iframe id="reservotron-store-content"
                src="https://reservotron.com/VOTRE-IDENTIFIANT?c=CATEGORY-ID&widget=1"
                frameborder="0"></iframe>
      </div>
    </div>

    <script type="text/javascript">window.rsvtAccountSlug = 'VOTRE-IDENTIFIANT';</script>
    <script async
            type="text/javascript"
            src="http://reservotron.com/assets/widget.js"></script>

Ajoutez le code suivant dans l'entête à l'intérieur de votre balise <body></body>:

    <iframe id="reservotron-shopping-cart"
            src="https://reservotron.com/VOTRE-IDENTIFIANT/widgets/cart"
            frameborder="0"
            width="222"
            height="50"></iframe>

Important

Attention: dans tous les cas, il faut remplacer VOTRE-IDENTIFIANT par le nom de votre compte Reservotron tel qu'il figure dans l'URL de ce dernier.
Dans cet exemple la page intégrée est celle d'une catégorie, donc il faut remplacer CATEGORY-ID par l'identifiant de cette catégorie. En général, vous pouvez simplement copier l'URL de la page désirée dans l'attribut src.
Enregistrez les modifications apportées au code.
Allez dans la configuration de votre compte et entrez l'URL de votre site dans le champ "URL autorisée" de la section Widget.
Rafraîchissez votre site web. Vous verrez le panier d'achat apparaître directement dans le site. Vos clients pourront effectuer les transactions sans avoir à le quitter.

Vous pouvez aussi utiliser la version "compacte" du widget qui affichera uniquement le formulaire de réservation de l'activité, sans la colonne de description de la page. Voici le code à utiliser pour ce widget. (en remplaçant dans l'attibut "src" l'identifiant Réservotron ainsi que l'identifiant de l'activité)

    <iframe id="reservotron-store-content"
            src="https://reservotron.com/VOTRE-IDENTIFIANT?c=CATEGORY-ID&widget=1&compact=1"
            frameborder="0"></iframe>

Exemple et code source

Nous avons créé une intégration simple sur une page HTML indépendante. Vous pourrez vous y référer à titre d'exemple.

Voici le lien vers le code source : https://github.com/codegenome/reservotron_widget

Notes:

Veuillez noter que le "r" situé dans l'URL, après :https://reservotron.com/. Comme mentionné ci-dessus, il doit être remplacé par le nom de votre compagnie comme affiché dans l'URL de votre compte Réservotron.

Intégration Wordpress

Voici un tutoriel vidéo d'intégration de Réservotron sur votre site wordpress : https://youtu.be/2Sq68Xy6xFc

PreviousAjouter Réservotron sur votre site NextINVENTAIRE

Last updated 4 years ago

Was this helpful?

Intégration du widget

Accédez au code de votre site web

Ajoutez ensuite le code suivant à l'intérieur de la page pour laquelle vous désirez le widget

    <div id="rsvt-wrapper"
         style="max-width:941px;margin:0 auto;overflow:hidden;padding:34px 0px;">
      <div id="reservotron-store-content-wrapper"
           style="position:relative;height:400px;">
        <iframe id="reservotron-store-content"
                src="https://reservotron.com/VOTRE-IDENTIFIANT?c=CATEGORY-ID&widget=1"
                frameborder="0"></iframe>
      </div>
    </div>

    <script type="text/javascript">window.rsvtAccountSlug = 'VOTRE-IDENTIFIANT';</script>
    <script async
            type="text/javascript"
            src="http://reservotron.com/assets/widget.js"></script>

Ajoutez le code suivant dans l'entête à l'intérieur de votre balise <body></body>:

    <iframe id="reservotron-shopping-cart"
            src="https://reservotron.com/VOTRE-IDENTIFIANT/widgets/cart"
            frameborder="0"
            width="222"
            height="50"></iframe>

Important

Attention: dans tous les cas, il faut remplacer VOTRE-IDENTIFIANT par le nom de votre compte Reservotron tel qu'il figure dans l'URL de ce dernier.

Dans cet exemple la page intégrée est celle d'une catégorie, donc il faut remplacer CATEGORY-ID par l'identifiant de cette catégorie. En général, vous pouvez simplement copier l'URL de la page désirée dans l'attribut src.

Enregistrez les modifications apportées au code.

Allez dans la configuration de votre compte et entrez l'URL de votre site dans le champ "URL autorisée" de la section Widget.

Rafraîchissez votre site web. Vous verrez le panier d'achat apparaître directement dans le site. Vos clients pourront effectuer les transactions sans avoir à le quitter.

Intégration du widget compact

    <iframe id="reservotron-store-content"
            src="https://reservotron.com/VOTRE-IDENTIFIANT?c=CATEGORY-ID&widget=1&compact=1"
            frameborder="0"></iframe>

Exemple et code source

Nous avons créé une intégration simple sur une page HTML indépendante. Vous pourrez vous y référer à titre d'exemple.

Notes: