Vídeo
¿Qué significa?
En este artículo, explicamos cómo configurar una tienda web (webshop) de escritorio para vender sus ofertas online a través de su sitio web.
¿Dónde lo encuentro?
Canales de venta > Online > Webshop
¿Qué debo hacer?
[Premisa de esta guía: Todos los datos de su cuenta ya han sido introducidos y la información está lista para ser usada].
Configuración General
Una vez que contrate con nosotros la funcionalidad de webshop de Palisis, añadiremos esta opción a su interfaz.
Al pulsar el botón "+Nuevo canal online", lo primero que debemos hacer es elegir un nombre de dominio.
Puede optar por una dirección alojada íntegramente en nuestros servidores:
O utilizar un dominio de nivel superior del que usted sea el propietario registrado. En este último caso, notifique a nuestro equipo de soporte para que nuestro departamento de TI realice los ajustes necesarios.
-
Activar: Cambie el estado de la Webshop/Widget a "Activo".
Logo: Suba un logo en formato SVG, PNG, JPG o GIF.
Ofertas: En la pestaña "Offers", añada sus rutas haciendo clic en el botón "+". Puede arrastrar y soltar los productos para ajustar el orden de aparición.
Además, puede editar cada una de las ofertas. Recuerde siempre guardar los cambios.
Guardar: Recuerde que al realizar cambios, debe pulsar "Save" dos veces para que sean permanentes.
Configuración de Ofertas (Atributos principales)
| Atributo | Descripción |
|---|---|
| Hide offer | Oculta la oferta de la tienda (la hace invisible para el cliente). |
| Date-time option | Permite al cliente elegir fecha y hora o solo la fecha. Las opciones son: ninguna, solo fecha o fecha y hora. Defina la opción predeterminada para su tienda. Se puede configurar por oferta individual. |
| Blackout event (in minutes) | Establece un periodo de tiempo (en minutos) antes de la salida en el que ya no es posible realizar reservas. |
| Pick-up hidden | Desactiva la selección de puntos de recogida para esa oferta. |
| Price hidden | Solo para paquetes (bundles); oculta el precio en el primer paso del proceso. |
| Allow event selection decide later | Permite al cliente decidir la fecha del evento más tarde (ver artículo: Decide-later-option-on-the-webshop). |
| Message about allow event selection decide later | Etiqueta de texto para el botón de "Decidir más tarde". |
| Timetable label | Activa una etiqueta de "Horarios" (específica por idioma). Nota: requiere activar también el ajuste "Timetable". |
| TripAdvisor-Link | Muestra un enlace a TripAdvisor y dirige al usuario a esa URL al hacer clic. |
| Route Upsell (Enter r-code) | Introduzca el código de ruta (r-code, ej: r-3556) para ofrecer una mejora (upgrade) de categoría a sus clientes. |
| Upsell / Action | (Función antigua) Texto para el botón de llamada a la acción de la venta dirigida (upsell). |
| Upsell / Price-Info Text |
(Función antigua) Texto informativo en el cuadro de upsell (utiliza el token $price).
|
| Upsell / More-Intro Text |
(Función antigua) Información adicional para el cuadro de upsell (utiliza el token $bg).
|
| Limit Sales to Today | El día de hoy aparece preseleccionado en el calendario y no es posible elegir ninguna otra fecha. |
| Minimum basket size | Número mínimo de tickets permitidos en el carrito de compra. |
| Maximum basket size | Número máximo de tickets permitidos en el carrito de compra. |
| Hide priceplan | Permite ocultar uno o más planes de precios (priceplans) de esta línea de operación en la webshop. |
Consejo: Si los cambios no se ven reflejados, limpie la caché de su navegador (Windows: Ctrl + F5 / Mac: Cmd + R).
Configuración de Detalles
Puede personalizar colores (fondo, botones, fuentes) y fuentes (mediante URLs de Google Fonts).
A continuación encontrarás una extensa lista de ajustes. Cada capítulo o lista presenta el nombre del ajuste a la izquierda y su explicación a la derecha. Tenga en cuenta que algunos de estos ajustes son muy sensibles para el funcionamiento de su tienda web; una configuración incorrecta podría hacer que deje de funcionar. Por favor, pruebe su tienda después de cada cambio (incluyendo CTRL + F5) para verificar que funciona correctamente y que el ajuste modificado ofrece el resultado deseado.
Layout y Colores
| # | Atributo | Descripción |
|---|---|---|
| 1 | Main background page | El color de fondo primario de su tienda. |
| 2 | Main background | Color principal de los recuadros de las ofertas. |
| 3 | Select and cart color | Color de la fecha seleccionada, del botón "Añadir al carrito" y del contador de artículos en el carrito. |
| 4 | Calendar and action color | Color de las fechas no seleccionadas en el calendario y color de los botones de acción. |
| 5 | Hover Action color | El color del botón "PEDIDO CON OBLIGACIÓN DE PAGO" y el color de las fechas del calendario al pasar el ratón por encima. |
| 6 | Primary font color | Color del texto principal. |
| 7 | Secondary font color | Color del texto del botón "PEDIDO CON OBLIGACIÓN DE PAGO", de las fechas en el calendario y de los horarios de salida. |
| 8 | Tertiary font color | Color del texto de los botones de llamada a la acción o enlaces (RESERVAR, Mi pedido, Su carrito, SIGUIENTE, idioma, Volver a las ofertas, flechas, PAGAR, Eliminar posición, etc.). |
| 9 | Disabled Button Color | Color de fondo de un botón desactivado (ej. el botón "SIGUIENTE" antes de seleccionar una fecha de salida). |
| 10 | Offer title font-size | Tamaño de fuente del título de la oferta en el widget. |
| 11 | Border Radius Main (px) | Define si los elementos tienen esquinas rectas (valor = 1) o curvas (ej. valor = 80). |
| 12 | Day of week abbrev. 2 character | Permite usar 2 o 3 letras para los días de la semana (LU / MA o LUN / MAR), lo que ayuda a mantener un diseño estrecho. |
| 13 | Disable menu mobile view | Desactiva el menú de navegación de la esquina superior derecha en dispositivos móviles. |
| 14 | Calendar with tiles | La fecha seleccionada en el calendario se muestra dentro de un óvalo en lugar de un cuadrado. |
Proceso de Reserva
| Atributo | Descripción |
|---|---|
| Enable PayPal | Activar PayPal: Permite que sus clientes paguen con PayPal. Para ello, debe proporcionar sus credenciales de PayPal a su Gestor de Cuentas (CRM). |
| PayPal as only payment method | Active este ajuste si desea utilizar únicamente PayPal como método de pago. |
| PayPal - Cancel URL | Si un cliente cancela el proceso de pago en PayPal, se le redirigirá a la URL que introduzca aquí. |
| Cart is enabled | Permite que el cliente utilice el carrito de la compra. |
| Skip summary-step | Define si se deben mostrar todos los pedidos al cliente antes de ser redirigido a la página de pago. |
| Discount check on ticket-selection | Cuando un cliente selecciona un ticket, el sistema comprobará automáticamente si hay descuentos (si se activa, se saltará el paso del resumen). |
| Checkout with Basket | Permite al cliente finalizar la compra utilizando el carrito actual. |
| Extended Pickup Selection | Si tiene muchos puntos de recogida diferentes, se mostrarán mediante un menú desplegable. |
| Extended Pickup Selection - Mandatory | Hace que sea obligatorio para el cliente seleccionar un punto de recogida. |
| Pickup Points Order | Selecciona el orden de visualización de los puntos de recogida por hora o por nombre. |
| Promo-code is enabled | Permite al cliente introducir un código promocional. |
| Promo-code hidden if calculated discount exists | Oculta la casilla del código promocional si ya se ha aplicado un descuento automático. |
| Suppress VAT-label | Oculta la etiqueta del IVA (VAT). |
| Scroll offer into view after cancel | Decide a dónde enviar al cliente si cancela un proceso de reserva. Si se activa, se desplazará la pantalla hasta la oferta que estaba activa anteriormente. |
| Show priceplan label | Define si el cliente debe ver el nombre del plan de precios (priceplan). |
| Show priceplan also if only one | Define si siempre debe aparecer un botón de plan de precios o solo cuando el cliente tenga varias opciones para elegir. |
| All priceplans at once | Muestra todos los planes de precios a la vez o solo uno cada vez, obligando al cliente a cambiar entre ellos. |
| Collapse priceplans | Si se activa, las categorías de asientos se verán en una lista desplegable. |
| Single priceplan but tabs | Permite al cliente cambiar entre los planes de precios mediante pestañas. |
| American Express enabled | Muestra el logotipo de Amex en la sección de pago. |
| Show total on checkout from basket | Muestra el total si el cliente finaliza la compra desde el carrito. |
| Credit card validity years allowed | Limita la validez de la tarjeta de crédito a X años (rango de 3 a 50 años). |
| pit.desktop.offerListColumns | Muestra las ofertas en diferentes columnas (solo aplicable al diseño de terminal de autoservicio). |
| pit.desktop.offerListColumnsFullWidth | Muestra las imágenes de oferta a ancho completo para un número específico de ofertas (solo para diseño de autoservicio). |
| Force show owner | El propietario de la oferta solo se muestra cuando se trata de una oferta de un socio (partner). |
| Details on checkout (Direct) | Muestra un resumen de todas las ofertas compradas si se usa el pago directo. |
| Offer description on checkout (Direct) | Muestra la descripción de cada oferta comprada en el resumen de pago directo. |
| Details on checkout (from Basket) | Muestra un resumen de todas las ofertas compradas si se usa el carrito. |
| Offer description on checkout (from Basket) | Muestra la descripción de cada oferta comprada en el resumen desde el carrito. |
| Upsell-Suggestions | Sugiere automáticamente otra oferta al cliente. Palisis recomienda configurar una oferta de upsell individual para cada producto. |
| Upsell-Suggestions - Max Suggestions | Limita el número máximo de sugerencias de upsell que se muestran. |
| Hide upsell-item description if mobile | En dispositivos móviles, el artículo de upsell solo mostrará datos clave, sin descripción. |
| Claim action on download hidden | Oculta el botón "Mis reservas" en la pantalla de confirmación/descarga. |
| Show multi-currency drop down | Permite elegir entre las monedas aceptadas durante el proceso de pago. |
| Hide fully booked priceplans | Oculta o muestra los planes de precios que no tienen disponibilidad. |
| Calendar show capacity | Muestra iconos de colores en el calendario para indicar la capacidad disponible. |
| Calendar show from-price | Muestra el precio "desde" por cada fecha directamente en el calendario. |
Calendario
| Atributo | Descripción |
|---|---|
| Timetable show upcoming | Define si se deben mostrar o no los próximos eventos más cercanos. |
| Timetable show upcoming only | Si está activado, la tienda solo muestra los próximos eventos y oculta el calendario. |
| Timetable upcoming value | Cantidad de próximos eventos que deben mostrarse. |
| Timetable auto upcoming if few events | Si hay menos de 3 eventos en los próximos 3 meses, el horario (timetable) se mostrará automáticamente. |
| Timetable if few threshold | Permite elegir el umbral (límite) a partir del cual se debe mostrar el horario completo. |
| Event preload (month) | Cuántos meses de antelación pueden reservar los clientes un tour online. Si introduce 12, los clientes podrán reservar hasta con 12 meses de futuro. |
Clasificación
En todas las siguientes opciones de clasificación, existen 3 variantes: ordinal, nombre (name) o ninguna (none).
Ordinal: Tomará la clasificación manual establecida en el BackOffice. Usted puede ordenar los objetos manualmente y la opción 'ordinal' respetará ese orden.
Nombre (Name): Orden alfabético de los nombres.
Ninguna (None): El orden en el que se crearon los objetos originalmente.
| Atributo | Descripción |
|---|---|
| Sort option passenger category | Decide cómo deben ordenarse las categorías de pasajeros. |
| Sort option seat category | Decide cómo deben ordenarse las categorías de asientos. |
| Sort option priceplan | Decide cómo deben ordenarse los planes de precios (priceplans). |
| Sort option offer | Decide cómo deben ordenarse las ofertas. |
| Sort option summary | Decide cómo debe ordenarse el resumen de la compra. |
| Sort partner offer last if name-option | Si ordena las ofertas por nombre, aquí puede ajustar que las ofertas de socios (partners) se muestren después de sus propias ofertas. |
Marca y Social
| Atributo | Descripción |
|---|---|
| Account name | El nombre del propietario de la tienda se mostrará en todas partes: tickets, ofertas, sitio web, etc. No tiene por qué ser el nombre legal; puede escribir lo que desee. |
| Contact e-mail | Permite sobrescribir el "email de contacto" que aparece en los tickets, sitio web, etc. |
| Contact phone | Permite sobrescribir el "teléfono de contacto" en los tickets, sitio web, etc. |
| Terms and Conditions | Permite sobrescribir los "Términos y Condiciones" en los tickets, sitio web, etc. |
| Footer Link (HTML allowed) | Aquí debe introducir el enlace a su "Aviso Legal / Impressum" (permite código HTML). |
| Legal override for partner tickets also | Si se activa, la información legal de todas las ofertas de su tienda (incluidas las de socios) será sobrescrita por la suya. |
| Link to owner-website | Cuando un cliente consulta sus reservas mediante el enlace enviado a su email, verá un botón en la esquina superior derecha que le redirigirá a la URL que introduzca aquí. |
| Google Analytics Ecommerce enabled | Activa el seguimiento de comercio electrónico de Google Analytics. Por defecto está desactivado. |
| Google Analytics Domains | Lista de dominios de Google Analytics separados por comas. |
| Google Tag Manager ID | Activa Google Tag Manager introduciendo el ID. El tag se carga directamente en el archivo index. |
| Anonymize IP for GTM and Analytics | Al activarlo, la IP real del cliente se anonimiza y no se envía a Google. |
| Facebook / Twitter / Pinterest / Google Plus | Decide si quieres mostrar botones de estas redes sociales junto a cada oferta para que los clientes puedan compartir tu tienda. |
Diseño / Fuentes
| Atributo | Descripción |
|---|---|
| Font (prim) URL |
Puede cambiar la fuente; aquí debe introducir el código URL. Por ejemplo, para Pacifico: https://fonts.googleapis.com/css?family=Pacifico.
|
| Font (prim) Family |
Además de la URL, debe introducir el nombre de la familia de la fuente. Ej. para Pacifico: Pacifico.
|
| Font (bold) URL | Puede cambiar la fuente negrita introduciendo el código URL de la misma. |
| Font (bold) Family |
Introduzca el nombre de la familia de la fuente negrita. Ej: Pacifico.
|
| pit.desktop.fontMediumUrl | Permite cambiar la fuente de peso medio introduciendo el código URL. |
| pit.desktop.fontMediumFamily | Además de la URL de la fuente media, introduzca el nombre de la familia. |
| pit.newdesktop.fontMainUrl | Permite cambiar la fuente principal del nuevo diseño mediante una URL. |
| pit.newdesktop.fontMainFamily | Nombre de la familia para la fuente principal del nuevo diseño. |
| pit.newdesktop.fontBoldUrl | Permite cambiar la fuente negrita del nuevo diseño mediante una URL. |
| pit.newdesktop.fontBoldFamily | Nombre de la familia para la fuente negrita del nuevo diseño. |
| Max height for pickup points list |
Establece la altura máxima para la lista de puntos de recogida (el formato correcto es [valor]px, ej: 150px).
|
Integración
| Atributo | Descripción |
|---|---|
| Force locale | Normalmente, la tienda ajusta el idioma según la IP del cliente. Si introduce un código (ej. "en"), la tienda siempre se mostrará en ese idioma (no funciona en iFrames). |
| Remove Locale from Header | Permite eliminar idiomas de la cabecera utilizando sus códigos (ej. "es, fr, it"). |
| List of Languages | Permite añadir idiomas específicos (ej. en=English, de=Deutsch...). Solo se admiten idiomas compatibles con el sistema Palisis. |
| Logo centered | Define si el logo debe estar centrado. Por defecto, lo está. |
| Logo hidden | Oculta el logo en la Webshop. Útil si integra la tienda mediante un iFrame dentro de su propia web. |
| Lang link is hidden | Si se activa, se ocultan todos los enlaces de cambio de idioma en la esquina superior derecha. |
| Claim link is hidden | Oculta el botón "Mis pedidos" (My orders) en la parte superior del sitio web. |
| Contact is hidden | Oculta la información de contacto situada en la esquina inferior izquierda. |
| Logo width 100% | El logo utilizará todo el ancho disponible. |
| Booking indicator-cancel hidden | Oculta el enlace "Volver a las ofertas" (Go back to offers). |
| Basket-handle hidden | Oculta el icono del carrito que aparece en la esquina superior derecha cuando un cliente añade una oferta. |
| Store and publish basket | Importante únicamente si utiliza la integración mediante iFrame. |
| Step back | Desactiva la función de "volver atrás" durante el proceso de reserva. |
| Step back (first screen) | Desactiva la función de "volver atrás" específicamente en el primer paso de la reserva. |
| Continue shopping in basket | Desactiva la opción de "seguir comprando" cuando el cliente está viendo el carrito. |
| Publish basket after checkout with delay | Tiempo entre el pago exitoso y la confirmación (Estándar: 1,5 seg). Se recomienda no cambiarlo. |
| Extra checkbox 1/2 enabled | Muestra una o dos casillas de verificación adicionales debajo de los términos y condiciones. |
| Extra checkbox 1/2 text | Texto para las casillas adicionales (permite HTML). |
| Sticky header enabled | Mantiene el logo/cabecera siempre visible al hacer scroll en dispositivos móviles. |
| Zero allowed enabled | Permite realizar reservas con precio 0. |
| Date / Time / Date Time format | Define el formato de fecha y hora para adaptarlo a su ubicación local. |
| Show Send Newsletter Checkbox | Muestra una casilla para que los clientes autoricen la suscripción a su boletín de noticias (newsletter). |
Passbook
| Atributo | Descripción |
|---|---|
| Passbook Background Color | Color del botón (solo para el diseño antiguo). |
| Passbook Foreground Color | Color del texto (solo para el diseño antiguo). |
| Passbook Icon | Puede personalizar el icono de Passbook con su propia imagen en formato .png. |
| Passbook Logo | Puede personalizar el logotipo de Passbook con su propia imagen en formato .png. |
Localización
Tenga en cuenta que puede cambiar la redacción de los textos según el idioma de su tienda web. Para ilustrar esto mejor, he cambiado el texto de cada valor por el nombre de su propio ajuste. Si busca una etiqueta (label) específica, compare su propia tienda web con las imágenes a continuación para encontrar el ajuste correcto.
| # | Atributo (Etiqueta) | Descripción / Traducción |
|---|---|---|
| 1-2 | Action Order / Remove item | Acción de Pedido / Eliminar artículo del carrito |
| 3-5 | Pickup / Terms / Legal Labels | Etiqueta de Recogida / Términos y Condiciones / Info Legal |
| 6-7 | Discounted / Sub Label | Etiqueta de Descuento / Subetiqueta |
| 8-11 | Upsell Labels | Textos de Venta Dirigida (Upsell) |
| 12-16 | Date & Time Labels | Etiquetas de Fecha, Selección de Fecha y Hora de Salida |
| 17-19 | Ticket Labels | Etiquetas de Precio de Tickets, Tickets y Ticket (singular) |
| 20-24 | Customer Data Labels | Etiquetas de Email, Confirmar Email, Nombre, Teléfono y Comentario |
| 25-27 | Payment Labels | Etiquetas de Datos Personales, Pago y Método |
| 28-29 | Confirm Line ($amount) | Línea de confirmación (Muestra el importe total) |
| 30-33 | Credit Card Labels | Número de tarjeta, Titular, Caducidad y CVC |
| 34-38 | Validation Labels | Aceptación de términos, Obligatorio, Error de entrada y OK |
| 39-40 | Status Labels | Reserva fallida / Procesando |
| 41-47 | Download & Confirmation | Título de descarga, UID, Email/Tel de atención y Acción de descarga |
| 48-50 | Claim / Email Remark | Notas sobre reclamaciones y correos de confirmación |
| 51-55 | Offer Info Labels | IVA (VAT), Ofrecido por, Reservar, Destacado y "Desde" |
| 56-59 | Navigation Labels | Mis pedidos, Cancelar/Volver, Atrás e Continuar |
| 60-63 | Selection Labels | Elegir otra fecha, Disponible, Seleccionar ticket y Total |
| 64-68 | Cart & Checkout | Recogida no especificada, Añadir al carrito, Ver carrito, Seguir comprando y Pagar |
| 69-72 | Promo Labels | Volver a ofertas, Código Promo, Aplicar y Promo inválida |
| 73-74 | System Steps | Selección múltiple de tickets y Pasos del proceso (Paso X de total) |
| 75-77 | Error & Method Labels | Fuera de servicio, Error de caducidad y Solo PayPal |
| 78-79 | Additional Info (1st/2nd step) | Mensaje informativo adicional (paso 1 y paso 2) |
| 80-81 | Footer Link | Enlace adicional en el pie de página (URL y Etiqueta) |
| 82-83 | Message Labels | Mensaje de código válido y Mensaje sobre email de contacto |
| 84-87 | Payment Method Labels | Tarjeta de crédito, Título de Pago, Pagar con PayPal y Mensaje de redirección |
| 88-90 | Summary Labels | Resumen, Su pedido y Error de oferta no disponible |
| 91-95 | Time Specifics | Salida, Fecha de salida, Próximas salidas, Hoy y Mañana |
| 96-98 | Change & Trip | Cambiar, Seleccionar plan de precios y Viaje |
| 99-104 | UI & Claim | Menú, Cada uno, Eliminar posición, Selección de ticket y Título/Acción de reclamación |
Webshop
| # | Atributo | Descripción / Traducción |
|---|---|---|
| 105 | Send Newsletter checkbox message | Mensaje para la casilla de verificación del envío del boletín (Newsletter). |
| 106 | Label from, for departure prices | Etiqueta "Desde", para los precios de salida. |
| 107 | Label Show upcoming | Etiqueta para "Mostrar próximas" (salidas/eventos). |
| # | Atributo | Descripción / Traducción |
|---|---|---|
| 108 | pit.desktop.openLegalInOverlay | Abrir información legal en una ventana emergente (overlay). |
| 109 | Label Success Download Back To Offers | Etiqueta de "Volver a las ofertas" tras una descarga exitosa. |
| 110 | pit.desktop.localShowUpcoming | Etiqueta local para mostrar los próximos eventos (Desktop). |
| 111 | pit.desktop.localDeparturePriceFrom | Etiqueta local para el precio "Desde" de la salida (Desktop). |
| 112 | pit.desktop.localSelfServiceTerminalInactiveSession | Mensaje de sesión inactiva en el terminal de autoservicio. |
| 113 | pit.desktop.localSelfServiceTerminalBookingTimeout | Mensaje de tiempo de espera agotado en la reserva (Autoservicio). |
| 114 | pit.desktop.localSelfServiceTerminalProceedBooking | Etiqueta para "Proceder con la reserva" (Autoservicio). |
| 115 | pit.desktop.localSelfServiceTerminalCancel | Etiqueta para "Cancelar" (Autoservicio). |
| 116 | pit.desktop.localSelfServiceTerminalConfirmTimeout | Mensaje de tiempo de espera agotado en la confirmación. |
| 117 | pit.desktop.localSelfServiceTerminalExtend | Etiqueta para "Extender" tiempo de sesión (Autoservicio). |
| 118 | pit.desktop.localSelfServiceTerminalCloseNow | Etiqueta para "Cerrar ahora" (Autoservicio). |
| 119 | pit.desktop.localWarningReservationExpired | Aviso de reserva caducada. |
| 120 | pit.desktop.localWarningReservationCancelled | Aviso de reserva cancelada. |
| 121 | pit.desktop.localWarningReservationAlreadyConfirmed | Aviso de reserva ya confirmada anteriormente. |
Por favor, visite nuestro artículo de soporte sobre el autoservicio aquí para obtener más información sobre las siguientes etiquetas:
| Atributo | Descripción / Traducción |
|---|---|
| Label Self-Service Inactive | Etiqueta de sesión inactiva en autoservicio |
| Label Self-Service Booking process timeout message | Mensaje de tiempo de espera agotado en el proceso de reserva |
| Label Self-Service Proceed booking | Etiqueta para proceder con la reserva |
| Label Self-Service Cancel | Etiqueta para cancelar en autoservicio |
| Label Self-Service Confirm timeout message | Mensaje de tiempo de espera agotado en la confirmación |
| Label Self-Service Extend | Etiqueta para extender el tiempo de sesión |
Cookie de la ley de la EU
Por favor, visite nuestro artículo sobre este tema aquí.
Terminal Self-Service
Por favor, visite nuestro artículo sobre el terminal self-service aquí.
Ejemplo
Dispone de un ejemplo sencillo de la integración aquí:
https://palisis-webshop-samples.palisis.com/simple-desktop-iframe.html
El motor de escritorio de Palisis utiliza una herramienta de terceros llamada “iFrame Resizer”. La herramienta está disponible en GitHub y, siguiendo su guía de inicio rápido, vinculamos y servimos el archivo JavaScript iframeResizer.contentWindow.min.js con cada instancia del motor de escritorio. Este es el único requisito previo para usar esta herramienta en la página de alojamiento (la página del cliente que incrusta el IFRAME).
Por favor, siga las instrucciones de la guía de la herramienta para configurar “iFrame Resizer” en su página. Para el uso de esta biblioteca, debe considerar el uso de heightCalculationMethod con el valor taggedElement. Además, evite problemas de dominio cruzado (cross-domain) utilizando checkOrigin: false.
Código de ejemplo:
HTML
<iframe id="myIframe" src="https://mitienda.palisis.com/" style="width:100%; border:none"></iframe>
<script>
iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#myIframe');
</script>
Enlaces Directos
Es totalmente factible generar enlaces directos a diferentes páginas de su tienda web. A continuación, se muestran algunos ejemplos utilizando el dominio de prueba 'webshop-api-test'; asegúrese de sustituirlo por el dominio de su propia tienda. Necesitará el ID de ruta (r-xxxx) para construir las URLs, el cual puede encontrar en Webshop > Editar > pestaña Ofertas (Offers).
Reserva Directa (Book Direct)
Este enlace dirige al usuario directamente al proceso de reserva, saltándose la sección introductoria con la foto y el botón de reserva.
https://webshop-api-test.palisis.com/?book-direct=r-1541
Oferta Directa (Offer Direct)
Este enlace redirige al usuario exclusivamente a una oferta particular.
https://webshop-test-offer-direct.palisis.com/?offer-direct=r-1541
También es posible redirigir al usuario a una tienda con múltiples ofertas específicas separando los IDs de ruta por comas:
https://webshop-test-offer-direct.palisis.com/?offer-direct=r-1541,r-1561
Evento directo (Event Direct)
Si desea enviar a los clientes directamente a una salida específica (evento) de una oferta (con fecha y hora ya seleccionadas), puede añadir el parámetro de consulta event-direct a su enlace directo. Esto es útil para campañas de correo electrónico, botones en su sitio web o códigos QR, donde se desea omitir el paso de "elegir fecha/hora".
Cómo funciona:
event-direct preselecciona la salida en el flujo de reserva de la tienda online. Siempre debe utilizarse junto con:
book-direct, ooffer-direct
La oferta debe estar configurada con la opción Fecha-hora = fecha-hora (para que los clientes normalmente elijan fecha y hora).
Formato:
Utilice este formato (sin segundos, sin zona horaria): aaaa-mm-ddThh:mm Ejemplo: 2025-12-24T20:00
Si la fecha/hora es incorrecta o no existe:
Si el valor de event-direct proporcionado:
no existe para esa oferta,
no se puede reservar, o
tiene un formato incorrecto, ... la tienda online simplemente abrirá el flujo de reserva normal (primer paso) para que el cliente pueda elegir una fecha/hora disponible.
Ejemplos:
book-direct + event-direct (ir directamente al flujo de reserva con el evento seleccionado) https://webshop-api-test.palisis.com/?book-direct=r-1541&event-direct=2026-12-24T09:00
-
offer-direct + event-direct (abrir una oferta específica y preseleccionar el evento)
https://webshop-test-offer-direct.palisis.com/?offer-direct=r-1541&event-direct=2026-12-24T09:00
Forzar modo Móvil (Force Mobile)
La tienda web se mostrará obligatoriamente en su formato móvil si utiliza este enlace.
https://webshop-api-test.palisis.com/?forcemobile=true
Idioma (Language)
Es posible forzar la tienda web a un idioma específico. Los códigos de idioma consisten en 2 caracteres (es = español, de = alemán, en = inglés, etc.).
https://webshop-api-test.palisis.com/?locale=es
English - en German - de Catalan - ca Dutch - nl French - fr Italian - it Norwegian - no Portuguese - pt Spainsh - es Swedish - sv
Para consultar la guía completa de resolución de problemas, por favor acceda al artículo original en inglés aquí.