Pular para o conteúdo

Links Compartilháveis

Links compartilháveis são um recurso central do Wink e surgiram da necessidade de comunicar inventário e preços de forma dinâmica pelo meio mais simples possível na Internet; ou seja, o hiperlink.

https://trvl.as/3xWCH

Acima está um exemplo de um dos nossos links. É curto e portátil… até curto o suficiente para lembrar. Embora curto, este link contém uma quantidade explosiva de informações, como:

  • Seu App ID.
  • Seu Affiliate ID.
  • A(s) imagem(ns) e texto a serem exibidos para o usuário.
  • O visual (ou seja, tema, cores e mais).
  • O itinerário a ser usado para nossa consulta de preço (2 adultos, 1 noite).
  • A moeda para exibir o preço.
  • O idioma para exibir o texto.

O restante deste artigo explica como gerenciar os links para seus inventários.

O formulário permite personalizar seu link das seguintes maneiras:

  1. Por padrão, o link recebe o nome do seu inventário em inglês. Você pode dar qualquer nome que o ajude a lembrar do que se trata o link.
  2. Por padrão, sua marcação / personalização principal é aplicada ao link. Você pode selecionar outras Personalizações que você gerou no Wink Studio.
  3. Adicione palavras-chave, separadas por vírgula, que serão usadas por Web Crawlers.
  4. Opcionalmente, insira seu identificador da conta X ou Facebook App ID.
  5. Adicione títulos e descrições nos idiomas que deseja que o usuário veja.
  6. Selecione uma ou mais imagens que serão exibidas quando você compartilhar o link em plataformas como Facebook ou LinkedIn.
  7. Escolha um tema / sobreposição que adiciona um design com a marca sobre a(s) imagem(ns) selecionada(s). Nota: É assim que você faz os preços aparecerem sobre a imagem.
  8. Clique no botão Save para continuar.
Link compartilhável
Uma entrada de link compartilhável

Após salvar seu link, você será redirecionado para a página de links compartilháveis e seu link estará pronto para ser compartilhado com o mundo.

Ações
Ações do link compartilhável

Acima você vê uma imagem com todas as ações disponíveis para seu link:

  • Preview Mostra uma visão rápida de como o link foi configurado e como ele aparecerá para o usuário.
  • Update Atualiza a configuração do seu link.
  • Add to WinkLinks Adiciona o link à sua conta WinkLinks.
  • Copy Copia o link para sua área de transferência para que você possa compartilhá-lo facilmente onde quiser (*incluindo WinkLinks *).
  • Share Abre uma nova janela com opções para compartilhar em várias redes sociais e plataformas de mensagens.
  • QR code Gera um código QR que você pode compartilhar em plataformas como IG, que são mais focadas em imagens.
  • Embed Mostra como incorporar este link como um Ad Banner no seu site.
  • Use with WordPress Mostra como usar nosso plugin WordPress para incorporar este link no seu site.

Cobrimos algumas dessas opções, com mais detalhes, abaixo.

Visualização
Visualização do link compartilhável

Quando você clicar em Preview, verá uma imagem com seu tema aplicado. Quando você compartilhar o link nas redes sociais, como Facebook, pode esperar ver a mesma coisa aparecer no seu feed junto com seu título e descrição.

Compartilhamento social
Opções de compartilhamento social

Se você clicar no botão Share, uma nova janela abrirá com uma forma conveniente para você compartilhar diretamente nas suas redes sociais e aplicativos de mensagens favoritos. Clique em qualquer um dos botões de ícone para continuar postando seu link nessa rede. Nota: Alguns botões só aparecerão quando você estiver compartilhando do seu dispositivo móvel.

Compartilhamento social
Compartilhar via código QR

Se você quiser compartilhar um código QR em vez de um link, clique no botão QR code e uma nova janela aparecerá com seu código QR.

Como salvar seu código QR:

  • Se estiver no seu laptop, clique com o botão direito na imagem e selecione Salvar imagem.
  • Se estiver no seu celular:
    • Pressione e segure o dedo sobre a imagem até aparecer a opção de salvar a imagem nas suas Fotos.
    • Tire uma captura de tela do código QR, recorte para ajustar e salve nas Fotos.
<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="AD_BANNER"
id="3xWCH"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

Aqui está como incorporar seu link, como um banner de anúncio, no seu site:

  • A linha 3 mostra como incorporar os estilos do Wink no seu site.
  • As linhas 6 a 9 mostram como usar o wink-content-loader Web Component e instruí-lo a buscar um banner de anúncio para seu código.
  • A linha 11 mostra como incorporar nosso Javascript no seu site.
  • A linha 13 mostra como incorporar o wink-app-loader Web Component e instruí-lo a buscar suas preferências de configuração a nível de página.

Desenvolvedores que desejam gerenciar links compartilháveis podem acessar Developers > API > Inventory.