Salta ai contenuti

Customization

La personalizzazione è una potente funzionalità che puoi utilizzare per controllare ogni aspetto dell’integrazione con Wink senza dover scrivere codice. Ogni articolo che vendi può essere personalizzato. Aggiungi o rimuovi funzionalità, cambia la combinazione di colori e molto altro.

Personalizzazione
Voce di personalizzazione

Mentre sulCustomizationpagina, clicca suActionspulsante sotto la personalizzazione con cui vuoi lavorare e cliccaUpdate. Hai già una voce predefinita disponibile quando crei il tuo account. Questa voce non può essere rimossa.

Questo ti porterà al modulo di personalizzazione dove potrai vedere 5 - 7 schede (a seconda del tipo di account).

Ecco le opzioni disponibili sottoGeneralscheda.

  • NomeAssegna un nome alla tua personalizzazione che sia facile da ricordare.ad esempio per il mio blog di viaggi
  • Visualizza valutaSeleziona la valuta iniziale che gli utenti vedranno visualizzata accanto all’inventario dei viaggi prenotabili.ad esempio USD
  • Lingua di visualizzazioneSeleziona la lingua iniziale che gli utenti incontreranno.ad esempio inglese
  • Aggiungi al titolo della paginaPuoi controllare cosa viene aggiunto al titolo della pagina (il titolo che vedi nella scheda del browser). Viene utilizzato principalmente per il nostro motore di prenotazione.ad esempio, se navighi su https://ota.wink.travel, per impostazione predefinita vedraiHome | Traveliko - Hotels with BenefitsÈ possibile modificare tutto ciò che segue la barra verticale ’|’.

IL Themela scheda ti consente di personalizzare l’aspetto e la funzionalità del nostromotore di prenotazionesito web,WinkLinkssito web e tutti i nostriComponenti Web.

Questa sezione permette di configurare il design e il layout della carta. Al momento, è disponibile un solo design: Wink.

Il layout della carta determina se si desidera che gli utenti visualizzino le carte transazionali allineate orizzontalmente o verticalmente. Le informazioni sono le stesse.

Non c’è alcuna differenza nel layout delle carte quando si visualizzano le nostre carte transazionali da un dispositivo mobile. Tuttavia, è possibile notare la differenza su un iPad mini e con risoluzioni più elevate.

:::tip[Consiglio da professionista] Usa il layout orizzontale se hai solo < 4 tipi di inventario di viaggio (ad esempio, tipologie di camere) in una lista… ha un aspetto migliore. :::

Il colore controlla il modo in cui gli utenti visualizzano i nostri componenti dell’interfaccia utente e i siti web. Usalo per abbinarlo alla tua combinazione di colori esistente [se presente].

Disponiamo già di un’ampia selezione di colori predefiniti con cui puoi iniziare a sperimentare. I temi predefiniti cambieranno i colori nei campi del modulo sottostanti. Puoi anche utilizzare colori completamente personalizzati.

Colori
Forma dei colori

Prova la tua combinazione di colori nel nostro sandbox per sviluppatori qui sotto.

Tematizzazione

Abbiamo basato la nostra convenzione di denominazione dello schema di colori su Bootstrap CSS. Per saperne di più sui nomi di ciascun colore, consultaSito web CSS Bootstrap.

:::tip[Suggerimento professionale] La sandbox per sviluppatori consente di modificare la larghezza di ogni scheda trascinando il rettangolo grigio, situato sul lato destro della scheda, per vedere come appare con diverse risoluzioni. :::

Supportiamo l’analisi GA4 fin da subito. Se desideri monitorare l’intero percorso di conversione del tuo e-commerce avanzato, dall’inizio alla fine, tieni a portata di mano il tuo ID di misurazione e inseriscilo nel campo sottostante.Analyticsscheda.

Per incorporare le nostre mappe nel tuo sito utilizzando il nostroPlugin di WordPress O Componenti Web, devi fornirci la tua chiave API di Google Maps.

Crea qui una chiave API di Google Maps:::

Una volta generata la chiave e configurata per il tuo sito, inseriscila sottoAnalyticsscheda.

IL ItineraryLa scheda “Tab” è probabilmente la più interessante per garantire che i prezzi vengano visualizzati per l’inventario selezionato. Poiché la determinazione dei prezzi dell’inventario di viaggio è piuttosto complessa, Wink deve conoscere l’itinerario dell’utente prima di poter visualizzare un prezzo accurato.

Questa sezione ti consente di impostare l’itinerario predefinito per visualizzare i prezzi di tutti i nostri immobili digitali, ad esempio:

  • Le nostre immagini social con sovrapposizione dei prezzi.
  • Griglie, schede e link WinkLinks.
  • Componenti Web
  • Motore di prenotazione

Puoi scegliere se impostare un intervallo di date statico o progressivo.

  • Scegli un intervallo di date statico se utilizzerai la personalizzazione per un evento specifico che si verifica in una data specifica.
  • Scegli un intervallo di date continuative se desideri:
    1. Di default è oggi + 1 notte, come fanno la maggior parte delle OTA.
    2. Imposta come predefinita una data futura che dovrebbe essere sempre disponibile.

Di default, l’itinerario è impostato su 2 adulti, essendo l’impostazione più comune per la maggior parte dei viaggiatori. Questa impostazione può essere facilmente modificata ed è possibile aggiungere più camere con più occupanti, sia adulti che bambini.

Le promozioni sono una funzionalità utile che fa risparmiare tempo ai tuoi utenti. Se una struttura ti ha fornito un codice promozionale che puoi condividere con i tuoi amici, puoi scegliere di inserirlo qui. Chiunque acceda tramite il tuo link, o simile, vedrà automaticamente il codice promozionale aggiunto al proprio itinerario e vedrà applicato automaticamente il prezzo scontato.

IL IntegrationLa scheda è destinata ad hotel, integratori e agenti di viaggio che desiderano avere maggiore controllo su come vengono distribuite le prenotazioni su Wink.

In questo modo, l’hotel e l’integratore hanno la possibilità di consentire a Wink di notificare tutte le parti coinvolte quando avviene una prenotazione. Ciò include la notifica al channel manager.

Per impostazione predefinita, tutte queste opzioni sono abilitate. I casi d’uso in cui un integratore potrebbe voler disabilitare una o più di queste funzionalità sono:

  • L’agente di viaggio è integrato a livello API e desidera inviare le proprie email di conferma.
  • L’hotel sta testando l’integrazione e non vuole disturbare il personale addetto alle vendite.
  • L’hotel non si preoccupa delle e-mail e vuole solo ricevere notifiche tramite il proprio PMS.

Gli integratori che desiderano utilizzare il nostro servizio di notifica via e-mail possono personalizzare l’e-mail in modo che sembri provenire da loro.

Le dimensioni consigliate sono 300px di larghezza x 75px di altezza

Sotto ilHotel-specificNella scheda sono presenti opzioni che consentono all’hotel di controllare cosa viene visualizzato nella landing page sul nostro motore di prenotazione e cosa visualizzare quando non è disponibile alcun inventario per l’itinerario richiesto.

  • Classifiche:Una proprietà che non ha ancora ottenuto classifiche significative potrebbe scegliere di disattivare tale funzionalità.

La proprietà non può controllare come un affiliato sceglie di visualizzare la landing page dell’hotel… Si tratta di due configurazioni diverse.

  • Disponibilità: Consente alla proprietà di scegliere se continuare a visualizzare l’inventario anche se non vi è disponibilità.

Nella maggior parte degli scenari, sceglierai qualeCustomizationda applicare ai tuoi link, schede, mappe e griglie.

Ecco i casi in cui potresti voler applicare manualmente la configurazione:

  • Override manualeVuoi condividere direttamente un collegamento al nostro motore di prenotazione e non utilizzare il nostroLink condivisibilifunzionalità, con la configurazione personalizzata applicata.
  • Plugin di WordPressAggiungi la configurazione al tuo WinkPlugin di WordPress Settings.
  • Integrazione personalizzataApplicalo manualmente al tuo integratore personalizzato utilizzando il nostrowink-app-loaderComponente Web.

Ecco un semplice esempio di come applicare il tuo ID di configurazione, con tutte le tue impostazioni, agli URL principali del nostro motore di prenotazione.

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

Quando un utente clicca su questo link, verrà impostato anche il tuo cookie di attribuzione di affiliazione.

Vai aPlugin Wink per WordPressper saperne di più.

Controlla tutti i tuoi componenti Web Wink incorporati in una pagina conwink-app-loaderComponente Web.

Di seguito è riportato un esempio che utilizzaMY-UNIQUE-IDcome ID di configurazione.

<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>

Gli sviluppatori che desiderano gestire le personalizzazioni possono andare suSviluppatori > API > Inventario.