Customization

La personnalisation est une fonctionnalité puissante qui vous permet de contrôler chaque aspect de l’intégration avec Wink sans avoir à écrire de code. Chaque article que vous vendez est personnalisable. Ajoutez ou supprimez des fonctionnalités, modifiez les couleurs et bien plus encore.

Entrée de personnalisation

Pendant que j’étais sur leCustomizationpage, cliquez sur leActionsbouton sous la personnalisation avec laquelle vous souhaitez travailler et cliquez surUpdate. Vous disposez déjà d’une entrée par défaut lors de la création de votre compte. Cette entrée ne peut pas être supprimée.

Cela vous mènera au formulaire de personnalisation où vous pourrez voir 5 à 7 onglets (selon votre type de compte).

Général

Voici les options qui s’offrent à vous dans le cadre duGeneralonglet.

• NomDonnez à votre personnalisation un nom facile à retenir.par exemple pour mon blog de voyage
• Afficher la deviseSélectionnez la devise initiale que les utilisateurs verront affichée à côté de l’inventaire des voyages réservables.par exemple USD
• Langue d’affichageSélectionnez la langue initiale que les utilisateurs rencontreront.par exemple l’anglais
• Ajouter au titre de la pageVous pouvez contrôler ce qui est ajouté au titre de la page (le titre que vous voyez dans l’onglet du navigateur). Ceci est principalement utilisé pour notre moteur de réservation.Par exemple, si vous accédez à https://ota.wink.travel, par défaut, vous verrezHome | Traveliko - Hotels with Benefits. Vous pouvez tout modifier après le tube ’|’.

Thème

Le ThemeL’onglet vous permet de personnaliser l’apparence de notremoteur de réservation site web, Liens Winksite Web et tous nosComposants Web.

Configuration

Cette section vous permet de configurer le design et la mise en page de la carte. Pour l’instant, il n’existe qu’un seul design : « Clin d’œil ».

La disposition des cartes détermine si vos utilisateurs voient les cartes transactionnelles alignées horizontalement ou verticalement. Les informations restent identiques.

Note

Il n’y a aucune différence de présentation des cartes lorsque vous consultez nos cartes transactionnelles sur un appareil mobile. Cependant, vous pouvez constater la différence sur un iPad mini et avec des résolutions plus élevées.

:::tip[Conseil de pro] Utilisez la disposition horizontale si vous n’avez que moins de 4 types de voyage dans une liste… c’est plus esthétique. :::

Couleurs

La couleur contrôle la façon dont vos utilisateurs voient nos composants d’interface utilisateur et nos sites web. Utilisez-la pour qu’elle corresponde à votre palette de couleurs existante (le cas échéant).

Nous proposons déjà un large choix de couleurs prédéfinies avec lesquelles vous pouvez jouer. Les thèmes prédéfinis modifieront les couleurs des champs de formulaire ci-dessous. Vous pouvez également utiliser vos propres couleurs.

Forme des couleurs

Testez votre palette de couleurs dans notre bac à sable pour développeurs ci-dessous.

Thématique

Note

Nous avons basé notre convention de nommage des couleurs sur Bootstrap CSS. Pour en savoir plus sur les noms de chaque couleur, consultez la pageSite Web Bootstrap CSS.

:::tip[Conseil de pro] Le bac à sable du développeur vous permet de modifier la largeur de chaque carte en faisant glisser le rectangle gris situé à droite de la carte pour visualiser le résultat avec différentes résolutions. :::

Analytique

Nous prenons en charge les analyses GA4 dès leur installation. Pour suivre l’intégralité de votre parcours de conversion e-commerce optimisé, du début à la fin, munissez-vous de votre identifiant de mesure et saisissez-le dans le champ situé sous l’icône.Analyticsonglet.

Rappel

N’oubliez pas d’ajouter i.trvl.as, book.wink.travel et ota.wink.travelà vos flux de propriétés GA4.

Cartes

Afin d’intégrer nos cartes dans votre site en utilisant notrePlugin WordPress ou Composants Web, vous devez nous fournir votre propre clé API Google Maps.

Note

Créez une clé API Google Maps ici

Une fois que vous avez généré votre clé et l’avez configurée pour votre site, saisissez-la sous leAnalyticsonglet.

Itinéraire

Le ItineraryL’onglet « Target » est probablement le plus intéressant pour s’assurer que les prix s’affichent pour l’inventaire sélectionné. La tarification de l’inventaire de voyage étant assez complexe, Wink doit connaître l’itinéraire de l’utilisateur avant de pouvoir afficher un prix précis.

Cette section vous permet de définir l’itinéraire par défaut pour afficher les prix de tous nos biens immobiliers numériques, tels que :

• Nos images conviviales pour les réseaux sociaux avec superposition de prix.
• Grilles, cartes et liens WinkLinks.
• Composants Web
• Moteur de réservation

Dates

Vous pouvez choisir si vous souhaitez définir une plage de dates statique ou continue.

• Choisissez une plage de dates statique si vous utilisez la personnalisation pour un événement particulier qui se produit à une date donnée.
• Choisissez une plage de dates glissante si vous souhaitez :
  1. Par défaut, c’est aujourd’hui + 1 nuit, ce que font la plupart des OTA OU.
  2. Par défaut, choisissez une date dans le futur qui devrait toujours être disponible.

Configuration de la salle

Par défaut, l’itinéraire est configuré pour 2 adultes, ce qui est le cas le plus courant pour la plupart des voyageurs. Ceci est facilement modifiable et vous pouvez ajouter plusieurs chambres avec plusieurs occupants, adultes et enfants.

Promotions

Les promotions sont une fonctionnalité pratique qui permet à vos utilisateurs de gagner du temps. Si un établissement vous a fourni un code promo à partager avec vos amis, vous pouvez le saisir ici. Toute personne visitant votre établissement via votre lien, ou un lien similaire, verra automatiquement le code promo ajouté à son itinéraire et la réduction s’appliquera automatiquement.

Intégration

Le IntegrationL’onglet est destiné aux hôtels, aux intégrateurs et aux agents de voyages qui souhaitent avoir plus de contrôle sur la façon dont les réservations sur Wink sont distribuées.

Notifications

Cela permet à l’hôtel et à l’intégrateur de laisser Wink informer toutes les parties concernées lorsqu’une réservation est effectuée. Cela inclut la notification au channel manager.

Par défaut, ces options sont toutes activées. Un intégrateur peut souhaiter désactiver une ou plusieurs de ces fonctionnalités :

• L’agent de voyages est intégré au niveau de l’API et souhaite envoyer ses propres e-mails de confirmation.
• L’hôtel teste son intégration et ne souhaite pas déranger son personnel de vente.
• L’hôtel ne se soucie pas des e-mails et souhaite uniquement être averti via son PMS.

Logo de courrier électronique

Pour les intégrateurs qui souhaitent utiliser notre service de notification par e-mail, ils peuvent personnaliser l’e-mail pour qu’il semble provenir d’eux.

Dimensions recommandées : 300 px de large x 75 px de haut

Spécifique à l’hôtel

Sous leHotel-specificLes onglets sont des options qui permettent à l’hôtel de contrôler ce qui est affiché sur sa page de destination sur notre moteur de réservation et ce qu’il faut afficher lorsqu’il n’y a pas d’inventaire pour l’itinéraire demandé.

• Classements:Une propriété qui n’a pas encore atteint de classement significatif peut choisir de désactiver cette fonctionnalité.

L’établissement ne peut pas contrôler la manière dont un affilié choisit d’afficher la page de destination de l’hôtel… Il s’agit de deux configurations différentes.

• Disponibilité: Permet à la propriété de choisir de continuer à afficher l’inventaire même s’il n’y a pas de disponibilité.

Note

Dans la plupart des cas, la propriété souhaite offrir aux utilisateurs un moyen de cliquer surBookBouton pour continuer vers leur page d’accueil où ils peuvent modifier leur itinéraire et essayer de trouver une date disponible. Activez ce bouton pour empêcher l’utilisateur de continuer.

Comment utiliser

Dans la plupart des scénarios, vous choisirez lequelCustomizationà appliquer sur vos liens, cartes, plans et grilles.

Voici les moments où vous souhaiterez peut-être appliquer manuellement votre configuration :

• Commande manuelleVous souhaitez partager un lien vers notre moteur de réservation directement, et ne pas utiliser notreLiens partageablesfonctionnalité, avec votre configuration personnalisée appliquée.
• plugin WordPressAjoutez la configuration à votre WinkPlugin WordPress Settings.
• Intégration personnaliséeAppliquez-le manuellement à votre intégrateur personnalisé à l’aide de notrechargeur d’application winkComposant Web.

Commande manuelle

Voici un exemple simple de la manière d’appliquer votre ID de configuration, avec tous vos paramètres, à nos principales URL de moteur de réservation.

https://ota.wink.travel?configurationId=MY-UNIQUE-ID

Note

Lorsqu’un utilisateur clique sur ce lien, vous définissez également votre cookie d’attribution d’affiliation.

plugin WordPress

Accédez auPlugin WordPress Winkpour en savoir plus.

Intégration personnalisée

Contrôlez tous vos composants Web Wink intégrés sur une page avec lechargeur d’application winkComposant Web.

Vous trouverez ci-dessous un exemple qui utiliseMY-UNIQUE-IDcomme ID de configuration.

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="MY-UNIQUE-ID"
    ></wink-app-loader>
  </body>
</html>

API

Les développeurs qui souhaitent gérer les personnalisations peuvent se rendre surDéveloppeurs > API > Inventaire.