Shopify

La Wink Shopify App permite a operadores turísticos, vendedores de experiencias y comerciantes de hostelería mostrar inventario en vivo de Wink directamente en su escaparate Shopify — junto a productos, en páginas de aterrizaje o en cualquier lugar del tema.

wink-travel/wink-shopify-plugin en GitHub Código fuente, guía de configuración para desarrolladores e instrucciones para contribuir.

Instalar

Ve a la Shopify App Store y busca Wink Travel.
Haz clic en Add app y sigue el flujo OAuth para autorizar.
En la configuración de la app Wink, ingresa tu Client ID y Client Secret. Ve a Applications para obtener tus credenciales.
Haz clic en Verify & Save. Un mensaje de éxito confirma la conexión.

Habilitar el bloque App Embed

El bloque App Embed inyecta automáticamente el script y la hoja de estilos de Wink en cada página — no necesitas editar el código del tema.

En Shopify Admin, ve a Online Store → Themes → Customize.
Haz clic en App embeds en el panel izquierdo.
Activa Wink Travel.
Haz clic en Save.

Añadir un componente a una página

En el editor de temas, abre la página o sección donde quieres contenido de Wink.
Haz clic en Add block y elige entre los bloques de Wink:
- Wink Content — tarjetas de hotel, cuadrículas o mapas
- Wink Lookup — barra de búsqueda de destinos
- Wink Search — botón selector de itinerario
- Wink Account — botón de inicio de sesión
- Wink Itinerary — botón de estado del itinerario
- Wink Cart — botón del carrito de compras
Para Wink Content, selecciona un Layout Type e ingresa el Layout ID desde Wink Studio.
Haz clic en Save.

Bloques de tema disponibles

Bloque	Propósito
Wink Content	Muestra tarjetas de hotel, cuadrículas clasificadas, mapas y más
Wink Lookup	Barra de búsqueda para destinos y hoteles
Wink Search	Botón con ícono que abre el selector de itinerario
Wink Account	Botón de inicio de sesión / cuenta de usuario
Wink Itinerary	Botón de itinerario que muestra el viaje actual
Wink Cart	Botón resumen del carrito de compras