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 recordar. 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 que se mostrarán 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 mostrará el precio.
El idioma en el que se mostrará el texto.

El resto de este artículo te guía sobre cómo administrar 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é 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 Web Crawlers.
Opcionalmente ingresa tu cuenta de X o el ID de tu App de Facebook.
Agrega títulos y descripciones en los idiomas que quieres 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 encima de la(s) imagen(es) que seleccionaste. Nota: Así es como haces que los precios se muestren encima de 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 se muestra 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 a tu 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.
Incrustar Te muestra cómo incrustar este enlace como un Banner Publicitario en tu sitio web.
Usar con WordPress Te muestra cómo usar nuestro plugin de WordPress para incrustar este enlace en tu sitio web.

Cubremos algunas de estas opciones, con más detalle, a continuación.

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 en la imagen y selecciona Guardar imagen.
Si estás en tu teléfono móvil:
- Presiona y mantén tu 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.

Incrustar

<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 incrustar tu enlace, como un banner publicitario, en tu sitio:

La línea 3 te muestra cómo incrustar 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 incrustar nuestro Javascript en tu sitio.
La línea 13 te muestra cómo incrustar 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 administrar 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.