Enlaces Compartibles

Los enlaces compartibles son una función central de Wink y surgieron de la necesidad de comunicar inventario y precios de manera dinámica a través de la forma más simple posible en Internet; es decir, el hipervínculo.

https://trvl.as/3xWCH

Arriba hay un ejemplo de uno de nuestros enlaces. Es corto y portátil… incluso lo suficientemente corto para recordarlo. Aunque es corto, este enlace contiene una cantidad explosiva de información, como:

Tu ID de App.
Tu ID de Afiliado.
La(s) imagen(es) y texto para mostrar al usuario.
La apariencia (es decir, tema, colores y más).
El itinerario para usar en nuestra consulta de precios (2 adultos, 1 noche).
La moneda en la que se muestra el precio.
El idioma en el que se muestra el texto.

El resto de este artículo te guía sobre cómo gestionar los enlaces a tus inventarios.

Personalizar enlace

El formulario te permite personalizar tu enlace de las siguientes maneras:

Por defecto, el enlace recibe el nombre de tu inventario en inglés. Puedes darle cualquier nombre que te ayude a recordar de qué se trata el enlace.
Por defecto, tu marca / personalización principal se aplica al enlace. Puedes seleccionar otras Personalizaciones que hayas generado en Wink Studio.
Agrega palabras clave, separadas por comas, que serán usadas por los Web Crawlers.
Opcionalmente ingresa tu usuario de X o el ID de tu App de Facebook.
Agrega títulos y descripciones en los idiomas que quieras que el usuario vea.
Selecciona una o más imágenes que se mostrarán cuando compartas el enlace en plataformas como Facebook o LinkedIn.
Elige un tema / superposición que añade un diseño con marca sobre la(s) imagen(es) que seleccionaste. Nota: Así es como haces que los precios se muestren sobre la imagen.
Haz clic en el botón Guardar para continuar.

Enlace compartible — *Una entrada de enlace compartible*

Después de guardar tu enlace, serás redirigido a tu página de enlaces compartibles y tu enlace estará listo para ser compartido con el mundo.

Compartir enlace

Arriba ves una imagen con todas las acciones disponibles para tu enlace:

Vista previa Te muestra un resumen rápido de cómo se configuró el enlace y cómo se verá para el usuario.
Actualizar Actualiza la configuración de tu enlace.
Agregar a WinkLinks Añade el enlace a tu cuenta de WinkLinks.
Copiar Copia el enlace al portapapeles para que puedas compartirlo fácilmente donde quieras (*incluyendo WinkLinks *).
Compartir Abre una nueva ventana con opciones para compartir en muchas redes sociales y plataformas de mensajería.
Código QR Genera un código QR que puedes compartir en plataformas como IG que están más enfocadas en imágenes.
Insertar Te muestra cómo insertar este enlace como un Banner Publicitario en tu sitio web.
Usar con WordPress Te muestra cómo usar nuestro plugin de WordPress para insertar este enlace en tu sitio web.

A continuación, cubrimos algunas de estas opciones con más detalle.

Vista previa

Cuando haces clic en Vista previa, verás una imagen con tu tema aplicado. Cuando compartas el enlace en redes sociales, como Facebook, puedes esperar ver lo mismo en tu feed junto con tu título y descripción.

Compartir en redes sociales

Si haces clic en el botón Compartir, se abrirá una nueva ventana con una forma conveniente para compartir directamente en tus redes sociales y aplicaciones de mensajería favoritas. Haz clic en cualquiera de los botones de íconos para continuar publicando tu enlace en esa red. Nota: Algunos botones solo aparecerán cuando compartas desde tu dispositivo móvil.

Código QR

Si prefieres compartir un código QR en lugar de un enlace, haz clic en el botón Código QR y aparecerá una nueva ventana con tu código QR.

Cómo guardar tu código QR:

Si estás en tu laptop, haz clic derecho sobre la imagen y selecciona Guardar imagen.
Si estás en tu teléfono móvil:
- Mantén presionado el dedo sobre la imagen hasta que aparezca la opción para guardar la imagen en tus Fotos.
- Toma una captura de pantalla del código QR, recórtala para ajustarla y guárdala en Fotos.

Insertar

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

Aquí te mostramos cómo insertar tu enlace, como un banner publicitario, en tu sitio:

La línea 3 te muestra cómo insertar los estilos de Wink en tu sitio.
Las líneas 6 a 9 te muestran cómo usar el Componente Web wink-content-loader y decirle que obtenga un banner publicitario para tu código.
La línea 11 te muestra cómo insertar nuestro Javascript en tu sitio.
La línea 13 te muestra cómo insertar el Componente Web wink-app-loader y decirle que obtenga tus preferencias de configuración a nivel de página.

API

Los desarrolladores que quieran gestionar enlaces compartibles pueden dirigirse a Developers > API > Inventory.

Lecturas adicionales

Aprende más sobre nuestra colección de Componentes Web.
Aprende más sobre el plugin de WordPress de Wink.