Integración en el sitio

Una vez configurados sus vehículos y su método de pago, la sección Integración web le ofrece todo lo necesario para mostrar su módulo de reserva en su sitio. Dos opciones: pegar un código HTML allí donde debe aparecer el módulo, o compartir un enlace directo si no tiene sitio web. La vista previa se actualiza cada vez que guarda.

Añadir el módulo a su sitio

En la sección Integración web, copie el Código HTML para insertar en su sitio web y péguelo en el HTML de su página, en el lugar exacto donde debe aparecer el módulo. El código adopta la forma de una etiqueta iframe:

<iframe src='https://app.clickchauffeur.com/module/su-identificador'
        width="600" height="950"></iframe>

• El botón Copiar coloca el código en su portapapeles; un mensaje «¡Código copiado!» confirma la operación.
• El identificador es propio de su cuenta: no lo modifique.
• Los atributos width y height reflejan las Dimensiones del módulo que haya guardado (véase más abajo).

Este código funciona en WordPress, Wix y cualquier otro sitio que acepte la inserción de HTML.

• WordPress: añada un bloque HTML personalizado en el editor de la página y pegue el código.
• Wix: añada un elemento Insertar un código / HTML (embed) y pegue el código dentro.
• Otros sitios: pegue el código en la zona HTML de la página, en la ubicación deseada.

Compartir un enlace directo

Si no dispone de sitio web, o para comunicar su módulo por mensaje, correo electrónico o redes sociales, utilice el Enlace directo a su módulo de reserva. Este enlace abre el módulo de reserva sin necesidad de integrarlo en un sitio. El botón Copiar lo confirma con «¡Enlace directo copiado!».

Personalizar el módulo

En Personalización del módulo, varios ajustes permiten adaptar la apariencia y el comportamiento del módulo. Después de cada cambio, haga clic en Guardar: la vista previa se actualiza.

Diseño del módulo

Elija el diseño del módulo:

• Clásico — la presentación histórica del módulo.
• Moderno — un diseño que se adapta automáticamente al ancho del iframe (mapa a la derecha en pantallas anchas, elementos apilados en móvil).

Título y descripción

• Título — el título del formulario. No se muestra si se carga una imagen.
• Texto — el texto que se muestra debajo del título; utilícelo para dar información útil a sus clientes.
• Imagen del formulario — una imagen de cabecera (sustituye al título en la visualización). Puede eliminar la imagen actual en cualquier momento.

Visualización

Active o desactive los campos que se ofrecen a sus clientes en el módulo:

• Mostrar mapa — muestra un mapa en el módulo.
• Número de pasajeros — si está desactivado, el número de pasajeros no se tiene en cuenta al calcular las tarifas, incluso si el precio por pasajero de un vehículo está configurado.
• Número de equipajes — si está desactivado, el campo para introducir el número de equipajes no aparece en el módulo.
• Tipo de vehículo — si está desactivado, la lista desplegable de vehículos no aparece y se utiliza el vehículo predeterminado.
• Tipo de trayecto — si está desactivado, el cliente no puede elegir un viaje de ida y vuelta.

Dimensiones del módulo — defina el ancho y la altura (en píxeles) del módulo. Estos valores alimentan los atributos width y height del código HTML.

Colores

• Color de los iconos — el color de los iconos que se muestran en el módulo.
• Color del botón — el color del botón de acción del módulo.

Redirección

URL de redirección después de la reserva — la dirección a la que se redirige al cliente una vez realizada su reserva (por ejemplo, una página de agradecimiento de su sitio).

Mapa y Google Maps

Si activa Mostrar mapa, dos ajustes complementarios resultan útiles:

• Coordenadas del centro del mapa — defina la Latitud, la Longitud y el Nivel de zoom del centro que se muestra de forma predeterminada. El botón Seleccionar en el mapa permite elegir ese punto de forma visual.
• Google Maps API — introduzca su clave API de Google Maps para beneficiarse de Google Maps en su módulo de reserva.

Comprobar antes de publicar

Antes de pegar el código en su sitio, utilice la Vista previa de la sección Integración web: muestra su módulo tal como lo verán sus clientes, con sus dimensiones, sus colores y sus ajustes. Ajuste, Guarde, compruebe la vista previa y, después, copie el código.

Plan gratuito

El módulo de reserva y su integración (código HTML y enlace directo) están disponibles desde el plan gratuito. Recuerde los límites del plan gratuito: 5 reservas al mes, 1 vehículo y sin pago en línea (pago al conductor únicamente). Para un módulo sin límite y el pago en línea, cambie a un plan de pago. Consulte la página Precios.