Customization

A personalização é um recurso poderoso que você pode usar para controlar todos os aspectos da integração com o Wink sem precisar escrever nenhum código. Cada item do seu estoque vendido pode ser personalizado. Adicione ou remova recursos, altere o esquema de cores e muito mais.

Entrada de personalização

Enquanto noCustomizationpágina, clique emActionsbotão abaixo da personalização com a qual deseja trabalhar e cliqueUpdate. Você já tem uma entrada padrão disponível ao criar sua conta. Esta entrada não pode ser removida.

Isso o levará ao formulário de personalização, onde você poderá ver de 5 a 7 guias (dependendo do seu tipo de conta).

Em geral

Aqui estão as opções disponíveis para você emGeneralaba.

• NomeDê à sua personalização um nome que seja fácil de lembrar.por exemplo, para meu blog de viagens
• Moeda de exibiçãoSelecione a moeda inicial que os usuários verão exibida ao lado do inventário de viagens reserváveis.por exemplo USD
• Idioma de exibiçãoSelecione o idioma inicial que os usuários encontrarão.por exemplo inglês
• Adicionar ao título da páginaVocê pode controlar o que é adicionado ao título da página (o título que você vê na aba do navegador). Isso é usado principalmente em nosso mecanismo de reservas.por exemplo, se você navegar até https://ota.wink.travel, por padrão, você veráHome | Traveliko - Hotels with Benefits. Você pode alterar tudo depois do caractere ’|’.

Tema

O Themea aba permite que você personalize a aparência do nossomecanismo de reservassite,WinkLinkssite e todos os nossosComponentes da Web.

Configuração

Esta seção permite configurar o design e o layout do cartão. No momento, há apenas um design: Wink.

O layout do cartão controla se você deseja que seus usuários vejam os cartões transacionais alinhados horizontal ou verticalmente. As informações são as mesmas.

Não há diferença no layout do cartão ao visualizar nossos cartões transacionais em um dispositivo móvel. No entanto, você pode ver a diferença em um iPad mini e resoluções maiores.

:::dica[Dica profissional] Use o layout horizontal se você tiver apenas < 4 itens de viagem (por exemplo, tipos de quarto) em uma lista… fica mais bonito. :::

Cores

A cor controla como seus usuários veem qualquer um dos nossos componentes de interface do usuário e sites. Use-a para combinar com seu esquema de cores existente [se houver].

Já temos uma grande seleção de cores predefinidas com as quais você pode começar a brincar. Os temas predefinidos alterarão as cores nos campos do formulário abaixo. Você também pode usar suas próprias cores.

As cores se formam

Teste seu esquema de cores em nossa sandbox para desenvolvedores abaixo.

Tematização

Baseamos nossa convenção de nomenclatura de esquema de cores no CSS do Bootstrap. Leia mais sobre os nomes de cada cor noSite Bootstrap CSS.

:::dica[Dica profissional] A sandbox do desenvolvedor permite que você modifique a largura de cada cartão arrastando o retângulo cinza, localizado no lado direito do cartão, para ver como fica em diferentes resoluções. :::

Análise

Oferecemos suporte imediato à análise do GA4. Se você quiser acompanhar todo o seu caminho de conversão de e-commerce avançado, do início ao fim, tenha seu ID de mensuração em mãos e insira-o no campo abaixo deAnalyticsaba.

Lembrete

Não se esqueça de adicionar i.trvl.as, book.wink.travel e ota.wink.travelpara seus fluxos de propriedade do GA4.

Mapas

Para incorporar nossos mapas em seu site usando nossoPlugin do WordPress ou Componentes da Web, você precisa nos fornecer sua própria chave de API do Google Maps.

:::observação Crie uma chave de API do Google Maps aqui :::

Depois de gerar sua chave e configurá-la para seu site, insira-a emAnalyticsaba.

Itinerário

O ItineraryA guia “Preços” é provavelmente a mais interessante para garantir que os preços sejam exibidos para o inventário selecionado. Como a precificação de inventário de viagens é bastante complexa, o Wink precisa conhecer o itinerário do usuário antes de poder exibir um preço preciso.

Esta seção permite que você defina o itinerário padrão para exibir preços de todos os nossos imóveis digitais, como:

• Nossas imagens para redes sociais com sobreposição de preço.
• Grades, cartões e links do WinkLinks.
• Componentes da Web
• Motor de reservas

Datas

Você pode escolher se deseja definir um intervalo de datas estático ou contínuo.

• Escolha um intervalo de datas estático se você for usar a personalização para um evento específico que ocorre em uma data específica.
• Selecione um intervalo de datas contínuo se desejar:
  1. O padrão é hoje + 1 noite, o que a maioria das OTAs faz OU.
  2. O padrão é uma data no futuro que sempre deve estar disponível.

Configuração da sala

Por padrão, o itinerário é definido para 2 adultos, pois é a configuração mais comum para a maioria dos viajantes. Isso pode ser facilmente alterado e você pode adicionar vários quartos com vários ocupantes, tanto adultos quanto crianças.

Promoções

Promoções são um recurso bacana que economiza o tempo dos seus usuários. Se uma propriedade lhe deu um código promocional para compartilhar com seus amigos, você pode inseri-lo aqui. Qualquer pessoa que acessar o site pelo seu link, ou similar, receberá automaticamente o código promocional adicionado ao seu itinerário e verá o preço com desconto aplicado automaticamente.

Integração

O IntegrationA guia é para hotéis, integradores e agentes de viagens que desejam ter mais controle sobre como as reservas no Wink são distribuídas.

Notificações

Isso dá ao hotel e ao integrador a opção de permitir que o Wink notifique todas as partes envolvidas quando uma reserva for realizada. Isso inclui notificar o gerente de canais.

Por padrão, todas essas opções estão habilitadas. Casos de uso em que um integrador pode querer desabilitar um ou mais desses recursos são:

• O agente de viagens está integrado no nível da API e deseja enviar seus próprios e-mails de confirmação.
• O hotel está testando sua integração e não quer incomodar sua equipe de vendas.
• O hotel não se importa com e-mails e só quer ser notificado via PMS.

Logotipo do e-mail

Para integradores que desejam usar nosso serviço de notificação por e-mail, eles podem personalizar o e-mail para que pareça que foi enviado por eles.

As dimensões recomendadas são 300px de largura x 75px de altura.

Específico do hotel

Sob oHotel-specificguia são opções que permitem ao hotel controlar o que é exibido em sua página de destino em nosso mecanismo de reservas e o que exibir quando não há estoque para o itinerário solicitado.

• Classificações: Uma propriedade que ainda não atingiu nenhuma classificação significativa pode optar por desabilitar esse recurso.

A propriedade não pode controlar como um afiliado escolhe exibir a página inicial do hotel… Essas são duas configurações diferentes.

• Disponibilidade: Permite que a propriedade escolha se deseja continuar exibindo o inventário mesmo que não haja disponibilidade.

Na maioria dos casos, a propriedade deseja oferecer aos usuários uma maneira de clicar noBookpara continuar na página inicial, onde o usuário pode alterar o itinerário e tentar encontrar uma data disponível. Ative esta opção quando quiser impedir que o usuário continue.

Como usar

Na maioria dos cenários, você escolherá qualCustomizationpara aplicar aos seus links, cartões, mapas e grades.

Aqui estão os momentos em que você pode querer aplicar manualmente sua configuração:

• Substituição manualVocê deseja compartilhar um link para nosso mecanismo de reservas diretamente e não usar nossoLinks compartilháveisrecurso, com sua configuração personalizada aplicada.
• Plugin do WordPressAdicione a configuração ao seu WinkPlugin WordPress Settings.
• Integração personalizadaAplique-o manualmente ao seu integrador personalizado com o uso do nossocarregador de aplicativo winkComponente Web.

Substituição manual

Aqui está um exemplo simples de como aplicar seu ID de configuração, com todas as suas configurações, aos URLs do nosso mecanismo de reservas principal.

https://ota.wink.travel?configurationId=MEU-ID-ÚNICO

Quando um usuário clica neste link, você também define seu cookie de atribuição de afiliado.

Plugin do WordPress

Navegue até oPlugin Wink para WordPresspara saber mais.

Integração personalizada

Controle todos os seus componentes da Web Wink incorporados em uma página com ocarregador de aplicativo winkComponente Web.

Abaixo está um exemplo que usaMY-UNIQUE-IDcomo o ID de configuração.

<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

Os desenvolvedores que desejam gerenciar personalizações podem acessarDesenvolvedores > API > Inventário.