Squarespace

O Squarespace suporta HTML e JavaScript personalizados, o que significa que você pode incorporar qualquer componente web Wink diretamente no seu site sem um plugin. Este guia mostra como carregar os scripts Wink em todo o site e depois colocar componentes em páginas individuais.

Carregar scripts Wink em todo o site

Adicionar os scripts no rodapé e cabeçalho globais do seu site significa que o Wink estará disponível em todas as páginas sem repetir a configuração.

No editor do Squarespace, vá para Configurações → Avançado → Code Injection.

No campo Header, adicione a folha de estilos:

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

No campo Footer, adicione o script e o carregador da aplicação (substitua YOUR_CLIENT_ID pelo seu Client ID do Wink):

<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR_CLIENT_ID"></wink-app-loader>

Clique em Salvar.

Adicionar um componente a uma página

Depois que os scripts estiverem carregados globalmente, você pode inserir qualquer componente Wink em qualquer página usando um Bloco de Código.

Abra a página que deseja editar.
Clique em Editar e adicione um novo bloco Código onde quiser que o componente apareça.

Cole o HTML do componente, por exemplo, um content loader:

<wink-content-loader
  layout="HOTEL"
  id="YOUR_LAYOUT_ID"
></wink-content-loader>

Clique em Aplicar e depois em Salvar.

Componentes disponíveis

Componente	Tag HTML	Propósito
Content loader	`<wink-content-loader>`	Exibir cartões de hotéis, grades, mapas
Lookup	`<wink-lookup>`	Barra de busca para destinos
Botão de busca	`<wink-search-button>`	Abrir seletor de itinerário
Botão de conta	`<wink-account-button>`	Entrar / menu do usuário
Botão de itinerário	`<wink-itinerary-button>`	Mostrar itinerário atual
Seletor de itinerário	`<wink-itinerary-picker>`	Formulário completo de itinerário
Carrinho de compras	`<wink-shopping-cart-button>`	Botão resumo do carrinho

Veja Web Components para a referência completa de atributos de cada componente.