¿Qué significa?
En este artículo se explica cómo añadir su Webshop de Palisis a su propio sitio web mediante un iFrame. Esto permite que los visitantes vean sus recorridos o actividades, elijan una fecha, hagan una reserva y paguen directamente desde una página de su sitio web, mientras Palisis gestiona el proceso de reserva en segundo plano.
Utilice esta guía para comprender la configuración recomendada, qué debe solicitar a su diseñador web o agencia para implementarla y qué ajustes de la webshop pueden ayudar a crear una experiencia de reserva más fluida para sus clientes.
Conocimientos generales
Palisis Webshop
Consulte aquí las instrucciones de configuración: Primeros pasos con el nuevo Webshop
El Palisis Webshop es una tienda online fácil de integrar que permite a los operadores de recorridos y actividades vender experiencias directamente desde su propio sitio web.
Cuando se inserta correctamente, los clientes pueden explorar las ofertas, seleccionar fechas, completar el proceso de reserva y pagar sin tener la sensación de haber abandonado el entorno de marca del operador.
iFrame
Considere un iFrame, o Inline Frame, como una ventana dentro de un sitio web que muestra contenido de otro sitio web.
En lugar de enviar al cliente fuera del sitio del operador del recorrido a una página de reservas independiente, un iFrame permite que la Palisis Webshop aparezca directamente dentro de la página existente del operador.
Los clientes suelen elegir esta configuración por tres motivos principales:
- Coherencia de marca: el proceso de reserva mantiene una conexión visual con el sitio web y el dominio del operador.
- Menos fricción: un menor número de redirecciones puede hacer que el proceso de compra parezca más rápido y fiable, lo que puede favorecer la conversión.
- Integración sencilla: el sitio web del operador puede mostrar la webshop mientras Palisis sigue gestionando la lógica de reserva en segundo plano.
Prácticas recomendadas
La inserción de la webshop en un iFrame suele funcionar mejor cuando la webshop se configura específicamente para ese contexto. Las recomendaciones que se indican a continuación ayudan a crear una experiencia más limpia y fluida para los clientes.
Para ajustar la configuración de la webshop, abra la configuración de la webshop y seleccione la pestaña Avanzado. Desde allí, active o desactive parámetros como el diseño, el color y el comportamiento del proceso de reserva para que la webshop insertada coincida mejor con la marca y el diseño del sitio web del cliente.
Ajustes recomendados:
-
Ocultar el logotipo: oculte el logotipo de Palisis cuando la webshop ya esté insertada dentro de la página de marca del operador. Esto evita duplicar la marca y crea una experiencia más personalizada.
-
Utilizar una URL de reserva directa: siempre que sea posible, vincule el iFrame a la oferta o al punto de entrada de reserva más relevante. Esto reduce la navegación innecesaria y ofrece a los clientes un acceso más rápido a la compra.
Para obtener la URL de reserva directa, vaya a la pestaña Ofertas, abra la oferta en una página nueva mediante el icono de enlace externo y copie la URL. El enlace directo de la oferta tendrá un aspecto similar a
https://example.palisis.com/?offer-direct=r-7177. -
Ocultar la información de contacto: elimine los datos de contacto de la interfaz del webshop si el operador ya los proporciona en una página específica de Aviso legal o Contacto. Esto mantiene más limpia el área de pago y evita duplicar información. Referencia: Cómo ocultar los datos de contacto en el nuevo Webshop
Estos son los valores predeterminados recomendados para un webshop insertado. También se pueden ajustar otros parámetros en función del estilo de marca del operador, el diseño del sitio web y el proceso de reserva preferido.
Integración de iFrame Resizer
El motor Palisis Desktop utiliza una herramienta de terceros llamada iFrame Resizer para ayudar a que las implementaciones antiguas de la webshop insertadas ajusten automáticamente su altura dentro de la página contenedora. En el nuevo Webshop, no invoque ni seleccione el script de iframe resizer para el contenedor iframe que aloja el nuevo webshop.
El motor Palisis Desktop utiliza una herramienta de terceros llamada iFrame Resizer para ayudar a que la webshop insertada ajuste automáticamente su altura dentro de la página contenedora.
La herramienta está disponible en GitHub: https://github.com/davidjbradshaw/iframe-resizer. Como parte de la configuración del motor Desktop, Palisis vincula y sirve el archivo JavaScript iframeResizer.contentWindow.min.js con cada instancia del motor Desktop. Este es el único requisito por parte de Palisis para utilizar esta herramienta con la página contenedora, es decir, la página del cliente que inserta el iFrame.
Si el operador inserta tanto la webshop antigua como la nueva Webshop en el mismo sitio web, el diseñador web no debe aplicar iFrame Resizer globalmente a todos los iframes. Debe vincularlo únicamente al iframe específico de la webshop antigua mediante un id explícito del iframe o una clase CSS específica que no coincida con el iframe del nuevo Webshop.
Importante para las configuraciones mixtas con la webshop antigua y la nueva: no utilice un selector amplio como iframe, .iframe o una clase de contenedor compartida. El selector debe apuntar exclusivamente al iframe de la webshop antigua. El iframe del nuevo Webshop debe excluirse del selector y de cualquier inicialización de iFrame Resizer.
Código de ejemplo:
<!-- Iframe de la webshop antiguo: cambiar el tamaño únicamente de este -->
<iframe id="oldWebshopIframe" src="https://old-shop-example.palisis.com/" style="width:100%; border:none"></iframe>
<!-- Iframe del nuevo Webshop: no seleccionarlo con iFrame Resizer -->
<iframe id="newWebshopIframe" src="https://new-shop-example.palisis.com/" style="width:100%; border:none"></iframe>
<script>
iFrameResize(
{ checkOrigin: false, heightCalculationMethod: 'taggedElement' },
'#oldWebshopIframe'
);
</script>
Información útil
Palisis proporciona el motor de reservas, pero no creamos ni mantenemos el sitio web del cliente. Los clientes deben trabajar con su propio diseñador web o agencia web para colocar correctamente el iFrame, ajustar el diseño de la página contenedora y probar el resultado en distintos dispositivos.
Comparta los siguientes artículos con el cliente o su diseñador web para que puedan consultar los requisitos técnicos de la configuración del iFrame:
Para obtener la máxima seguridad y agilizar la configuración, cree una cuenta de subusuario específica para el diseñador en lugar de compartir una cuenta de usuario existente. Esto proporciona al diseñador el acceso que necesita para la integración y permite al cliente mantener el control sobre los permisos y la configuración de la tienda. Instrucciones sobre la gestión de usuarios: Cómo configurar nuevos usuarios (Gestión de usuarios)
El diseñador solo debe tener acceso a la sección Canal de ventas > Webshop, a menos que se requieran estrictamente permisos adicionales.
Preguntas frecuentes
¿De qué debe encargarse el diseñador web del cliente? ▼
El diseñador es responsable de añadir el iFrame al sitio web del cliente, adaptar el diseño de la página contenedora, comprobar la adaptabilidad y aplicar cualquier estilo específico del sitio web. Palisis proporciona la webshop y la documentación técnica, pero no el desarrollo web personalizado.
¿Por qué se debe utilizar una URL de reserva directa? ▼
Una URL de reserva directa puede acercar a los clientes a la oferta o al proceso de reserva correspondiente, reduciendo los clics y las redirecciones innecesarios. Esto resulta especialmente útil cuando el iFrame se coloca en una página específica de producto o experiencia.