WRS - Intégration dans le site web de l'hôtel

Types d'intégration

Le système de réservation Web de Clock (WRS) peut être intégré au site Web d'un hôtel de deux façons : Intégration externe et intégration en ligne.

Intégration externe. C'est la façon la plus simple de commencer. Il suffit de placer un lien sur le site Web de votre hôtel. Ce lien ouvrira le système WRS dans une nouvelle page/un nouvel onglet en dehors du site de l'hôtel.

Intégration en ligne. Le WRS est placé à l'intérieur d'une ou plusieurs pages de votre site Web et y est complètement intégré. Les deux méthodes prennent en charge les widgets et les liens paramétrés.

Intégration externe

• Trouvez et copiez le code du lien/bouton dans Menu principal - Web - Paramètres - Système de réservation Web - section Intégration dans votre site Web - Lien ou bouton pour votre site Web.
• Collez le code dans votre site Web pour créer un lien ou un bouton qui ouvrira votre Système de réservation Web dans un nouvel onglet/une nouvelle page.
• N'hésitez pas à personnaliser le lien en fonction de votre jeu de couleurs et de l'aspect général du site Web.
• Consultez les options de personnalisation pour modifier les couleurs, la police, le logo, l'en-tête et le pied de page du WRS.

Intégration en ligne

Avec l'intégration en ligne, vous pouvez placer le système de réservation Web Clock à l'intérieur d'une ou plusieurs pages de votre site Web avec une seule ligne de code. Le code lui-même créera un “iframe”. Le WRS fonctionnera dans ce cadre en ligne.

1. Trouvez et copiez le code dans Menu principal - Web - Paramètres - Système de réservation Web - section Intégration dans votre site Web - Inline.
2. Allez sur l'une des pages où vous voulez intégrer le WRS.
3. Choisissez l'emplacement et collez le code d'intégration.
4. Largeur. Par défaut, la largeur de WRS est fixée à 100 %. Modifiez le paramètre "largeur" si nécessaire.
5. Hauteur. La hauteur est automatiquement ajustée à la hauteur réelle du contenu. La valeur par défaut ( 2000px ) est destinée à assurer la compatibilité avec les anciens navigateurs.Modifiez la valeur si nécessaire.

Et vous êtes prêt.

Consultez les options de personnalisation pour modifier les couleurs, la police, l'image de marque, l'en-tête et le pied de page du WRS.

Quelle page intégrer?

Clock WRS vous donne le choix entre trois pages à intégrer : la page Étape 1, la page Étape 2 ou la page Calendrier.

A. Page "Etape 1"

Il s'agit de la page intégrée par le code d'intégration par défaut. Il s'agit de la première page du WRS où les utilisateurs remplissent leur Arrivée, Séjour et optionnellement le nombre d’adultes et d’enfants.

Intégration externe. Suivez les étapes de la section Types d'intégration ci-dessus.

Intégration en ligne. Suivez les étapes de la section Types d'intégration ci-dessus.

B. Page "Étape 2"

Il s'agit de la page montrant les chambres libres et les tarifs disponibles pour la période sélectionnée. Il s'agit d'une page de résultats, ce qui signifie qu'elle requiert les données suivantes : Arrivée, Nuits et, en option, Adultes et Enfants.

Intégration externe. Trouvez le code d'intégration dans Intégration en ligne - Options d'intégration.

Intégration en ligne. Liste de tarifs. Consultez les exemples ci-dessous pour créer des liens et des formulaires.

C. Page "Calendrier"

Un calendrier montrant les chambres disponibles et les prix les plus bas pour chaque date. Il peut utiliser, mais n'a pas besoin de spécifier, l'arrivée, le séjour, la chambre, etc.

Intégration externe. Consultez les exemples ci-dessous pour créer des liens et des formulaires.

Intégration en ligne. Trouvez le code d'intégration dans Intégration en ligne - Options d'intégration supplémentaires - Calendrier des tarifs et des disponibilités. Consultez les exemples ci-dessous pour créer des liens et des formulaires.

Liens profonds

Clock WRS supporte des liens profonds paramétrés. Grâce à eux, vous pouvez les connecter à votre page d'accueil, à des offres spéciales, à des promotions, à des forfaits, à des pages sur le type de chambre/la chambre et ainsi de suite.

Liste de tous les paramètres de Clock WRS:

• wbe_product[arrival] - Jour d'arrivée dans l'un des formats : 10 Mar 2014 (JJ mmm AAAA) ou 2014-10-03 (AAAA-MM-JJ)
• wbe_product[nights] - Nuits/séjour. Entier: 1, 5, 7, ...
• wbe_product[adult_count] - Adultes. Entier: 1, 2, ...
• wbe_product[children_count] - Enfants. Entier: 0, 1, ...
• wbe_product[room_id] - ID de la chambre. Entier. Peut être obtenu à partir du système ou du créateur de liens.
• wbe_product[room_type_id] - ID du type de chambre. Nombre entier. Peut être obtenu à partir du système ou du créateur de liens.
• wbe_product[wbe_rate_ids] - Liste des identifiants des tarifs. Nombre entier. Peut être obtenue à partir du système ou du créateur de liens.
• wbe_product[bonus_code] - Code bonus pour accéder à des tarifs spéciaux

Créateur de liens

Utilisez "Créateur de liens" dans l'écran " Paramètres Web " pour créer tout lien dont vous avez besoin.

Exemples

Exemple 1 - Lien de la page de l'hôtel Chambre double vers la page 1 du WRS.

Utilisez le paramètre 'room type' ( wbe_product[room_type_id] ) pour créer un lien vers le système de réservation affichant uniquement les chambres et les tarifs DBL.

https://sky-eu1.clock-software.com/39390/8311/wbe/products/new?product_search%5Broom_type_id%5D%5B%5D=15344

Exemple de code d'intégration en ligne:

Vous devez intégrer la page Étape 1 dans votre site Web. Cochez "Quelle page intégrer ?" - "A". Créez une url pour:

[url_in_hotel_site_for_page_with_page1_integration]?product_search%5Broom_type_id%5D%5B%5D=15344

Exemple 2 - lien à partir de Chambres doubles pour l'offre de 2 jours de la Saint Valentin pour 2 adultes

Utilisez les paramètres Type de chambre, Arrivée, Nuits, Adultes et Enfants.

https://sky-eu1.clock-software.com/39390/8311/wbe/products?product_search%5Badult_count%5D=2&product_search%5Barrival%5D=14+Feb+2025&product_search%5Bchildren_count%5D=0&product_search%5Bnights%5D=2&product_search%5Bwbe_rate_ids%5D%5B%5D=275372

Exemple de code d'intégration en ligne:

Ce lien contient tous les principaux paramètres (Arrivée, Nuits, Adultes et Enfants), il peut donc être lié à la page 1 ou à la page 2 intégrée. Cochez "Quelle page intégrer ?" - "A", "B". Créez une url pour:

[url_in_hotel_site_for_page_with_page1_or_2_integration]?product_search%5Badult_count%5D=2&product_search%5Barrival%5D=14+Feb+2025&product_search%5Bchildren_count%5D=0&product_search%5Bnights%5D=2&product_search%5Bwbe_rate_ids%5D%5B%5D=275372

Exemple 3 - placez un petit formulaire contenant Arrivée, Nuits (facultativement Adultes et Enfants) sur votre page d'accueil.

Placez un petit formulaire avec des paramètres obligatoires sur votre page d'accueil. Les utilisateurs remplissent les champs et obtiennent directement les chambres et les tarifs disponibles. N'hésitez pas à adapter le formulaire à l'apparence de votre site Web.

****INTEGRATION_URL**** peut être n'importe quel url de la section "Quelle page intégrer ?" - A", "B" ou "C". Ne mettez pas les paramètres "Arrivée", "Nuits", "Adultes" et "Enfants" dans l'adresse INTEGRATION_URL, car ils remplaceraient les valeurs des champs que les clients remplissent.

Exemple de code pour le formulaire:

<form accept-charset="UTF-8" action="****INTEGRATION_URL****" method="get">
 <div>
   <label>Arrival: </label>
   <input name="wbe_product[arrival]" type="date">
 </div>
 <div>
   <label>Nights: </label>
   <input name="wbe_product[nights]" type="number" value="1">
 </div>
 <div>
   <label>Adults: </label>
   <input name="wbe_product[adult_count]" type="number" value="2">
 </div>
 <div>
   <label>Children: </label>
   <input name="wbe_product[children_count]" type="number" value="0">
 </div>
 <div>
   <input name="commit" type="submit" value="Book">
 </div>
</form>

Exemple 4 - placez un lien vers le calendrier de disponibilité de Clock WRS pour un événement spécifique ou une date spéciale.

Utilisez le paramètre Arrivée ( wbe_product[arrival] ) pour créer un lien ouvrant le calendrier de disponibilité à partir de cette date spécifique.

https://sky-eu1.clock-software.com/39390/8311/wbe/products/calendar_new?product_search%5Barrival%5D=16+Mar+2025

Exemple de code d'intégration en ligne

Vous avez besoin de la page Calendrier intégrée à votre site web. Cochez "Quelle page intégrer ?" - "C". Créez une url pour:

[url_in_hotel_site_for_page_with_calendar_integration]?product_search%5Barrival%5D=16+Mar+2025

Exemple 5 - Afficher uniquement les tarifs promotionnels dans le WRS

Vous pouvez définir une liste de tarifs à afficher dans le WRS avec les paramètres wbe_product[wbe_rate_ids]. Utilisez les liens "A", "B" ou "C" selon vos besoins.

Exemple de code pour l'intégration "Externe" - "Page 1" pour 2 tarifs:

https://sky-eu1.clock-software.com/39390/8311/wbe/products/new?product_search%5Bwbe_rate_ids%5D%5B%5D=132103&product_search%5Bwbe_rate_ids%5D%5B%5D=100635">https://sky-eu1.clock-software.com/39390/8311/wbe/products/new?product_search%5Bwbe_rate_ids%5D%5B%5D=132103&product_search%5Bwbe_rate_ids%5D%5B%5D=100635