¿Qué significa?
En este artículo, proporcionamos una guía completa sobre cómo integrar la tienda Palisis mediante iframe, incluyendo configuraciones esenciales y mejores prácticas de diseño para optimizar el recorrido de su cliente.
Conocimientos Generales
Tienda Palisis
ℹ️Revise aquí Cómo configurar la tienda
La Tienda Palisis es una tienda online fácil de integrar que le permite vender sus tours y experiencias directamente desde su sitio web.
iFrame
Piense en un iFrame (abreviatura de Inline Frame) como una ventana en un sitio web que muestra otro sitio web.
En lugar de que el cliente salga del sitio del operador turístico para ir a una página de reserva separada, un iFrame permite que la Tienda Palisis esté directamente dentro de la página existente del operador.
Hay tres razones principales por las que un cliente elegiría esta configuración:
Consistencia de Marca: Mantiene una experiencia de usuario unificada al mantener el proceso de reserva en su propio dominio.
Reducción de Fricción: Simplifica el camino de compra para aumentar las tasas de conversión eliminando redireccionamientos de página.
Fácil Integración: Simplifica la configuración técnica con una ventana "plug-and-play" que maneja toda la lógica de reserva.
Mejores prácticas
Si integra una Tienda Palisis en un iFrame, necesitará hacer algunos ajustes para que funcione perfectamente. Aquí hay algunas mejores prácticas para hacer que la experiencia sea mucho más fluida para sus clientes.
Puede personalizar y marcar aún más su tienda abriéndola y seleccionando la pestaña 'avanzado'. Desde allí, puede activar o desactivar parámetros específicos (es decir, diseño y color, proceso de reserva, etc.) para que coincidan con la apariencia y sensación de su marca.
Mejores prácticas:
Ocultar el logo: Ocultarlo crea una experiencia de marca blanca más fluida y evita la duplicación de la marca.
Usar una URL de reserva directa: Optimice su tasa de conversión. Esto minimiza los redireccionamientos a terceros, proporcionando a sus clientes un recorrido de reserva más rápido y fiable.
Desactivar la vista de menú móvil: Esto elimina la navegación redundante y simplifica el recorrido del usuario al reducir el número de pasos para reservar.
Ocultar información de contacto: Para evitar redundancias, puede eliminar los detalles de contacto de la interfaz de la tienda. La mayoría de las empresas ya proporcionan esta información a través de una página dedicada de Aviso Legal o Contacto, permitiendo un proceso de pago más limpio y enfocado. Cómo ocultar los detalles de contacto en la Webshop o tienda online
ℹ️
Por favor, tenga en cuenta: Más allá de estas mejores prácticas, existen numerosas otras optimizaciones disponibles activando parámetros específicos. Tenga en cuenta que estos ajustes a menudo son cuestión de preferencia personal y estilo de marca.
Integración de iFrame Resizer
Hay un ejemplo sencillo de la integración disponible aquí: https://palisis-webshop-samples.palisis.com/simple-desktop-iframe.html El motor Palisis Desktop utiliza una herramienta de terceros llamada iFrame Resizer para ayudar a que la tienda web integrada (embedded) ajuste automáticamente su altura dentro de la página que la aloja. La herramienta está disponible en GitHub: https://github.com/davidjbradshaw/iframe-resizer. Como parte de la configuración del motor Desktop, Palisis enlaza y sirve el archivo JavaScript iframeResizer.contentWindow.min.js con cada instancia del motor Desktop. Este es el único requisito previo por parte de Palisis para utilizar esta herramienta con la página de alojamiento (es decir, la página del cliente que integra el iFrame). El cliente o el diseñador web debe seguir la documentación de inicio ("Getting started") de iFrame Resizer para configurar la librería en la página donde está integrado el iFrame de la tienda web de Palisis. Al utilizar esta librería, configure heightCalculationMethod como taggedElement. Para evitar problemas entre dominios (cross-domain), utilice también checkOrigin: false.
Código de ejemplo:
<iframe id="myIframe" src="https://mytestingshop.palisis.com/" style="width:100%; border:none"></iframe>
<script>
iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#myIframe');
</script>Bueno saber
En Palisis, no construimos sitios web; proporcionamos el motor de reservas. Si usted es nuestro cliente, debe trabajar con su propio diseñador web para asegurar un ajuste personalizado para su sitio.
Compartimos estos artículos con usted para que su diseñador web pueda consultarlos para configurar el iFrame:
ℹ️
Por favor, tenga en cuenta: ⚠️Para máxima seguridad y una configuración más rápida, puede crear fácilmente una cuenta de subusuario para su diseñador. Esto le permite otorgarles acceso directo para gestionar el proceso de integración mientras mantiene el control total sobre los permisos de su cuenta y la configuración de la tienda.
Consulte aquí Cómo configurar nuevos Usuarios
ℹ️El usuario debe tener acceso solo a la sección Canal de Ventas > Tienda