Shopify
La App de Wink para Shopify permite a operadores turísticos, vendedores de experiencias y comerciantes de hospitalidad mostrar inventario en vivo de Wink directamente en su tienda Shopify — junto con productos, en páginas de destino 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
Sección titulada «Instalar»- Ve a la Shopify App Store y busca Wink Travel.
- Haz clic en Agregar 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 Verificar y Guardar. Un mensaje de éxito confirmará la conexión.
Habilitar el Bloque de Inserción de la App
Sección titulada «Habilitar el Bloque de Inserción de la App»El Bloque de Inserción de la App 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 el administrador de Shopify, ve a Tienda Online → Temas → Personalizar.
- Haz clic en Inserciones de apps en el panel izquierdo.
- Activa Wink Travel.
- Haz clic en Guardar.
Agregar un componente a una página
Sección titulada «Agregar un componente a una página»- En el editor de temas, abre la página o sección donde quieras contenido de Wink.
- Haz clic en Agregar bloque y elige entre los bloques de Wink:
- Wink Content — tarjetas de hoteles, grillas o mapas
- Wink Lookup — barra de búsqueda de destinos
- Wink Search — botón para seleccionar itinerarios
- 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 Tipo de diseño e ingresa el ID de diseño desde Wink Studio.
- Haz clic en Guardar.
Bloques de tema disponibles
Sección titulada «Bloques de tema disponibles»| Bloque | Propósito |
|---|---|
| Wink Content | Muestra tarjetas de hoteles, grillas clasificadas, mapas y más |
| Wink Lookup | Barra de búsqueda para destinos y hoteles |
| Wink Search | Botón ícono que abre el selector de itinerarios |
| 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 |