Avanzado

Cuando tu página es muy larga, puedes ofrecer a tus usuarios la opción de regresar rápidamente al inicio de la página.

1. Desplácese hasta la parte superior agregando:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Seleccione el widget Desplazarse al principio;
2. Personalización del botón:
   • Diseño:
     Selecciona el fondo del contador ascendente en la barra de herramientas derecha.
   • Fondo:

     Selecciona el diseño y haz clic en el ícono de fondo en la barra de herramientas derecha; elige el color y la opacidad del fondo del botón;
     O carga una imagen/video;

   • Posición:

     Cambia la posición del botón en el diseño en la barra de herramientas derecha;

   • Tamaño:

     Ajusta el tamaño del botón o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha;

3. Personalización de la imagen:
   • Color del ícono:
     Selecciona el fondo del contador ascendente en la barra de herramientas derecha;
   • Fondo:

     Selecciona el diseño y haz clic en el ícono de fondo en la barra de herramientas derecha; elige el color y la opacidad del fondo del botón;

   • Borde:

     Haz clic en "Borde" en la barra de herramientas derecha. Selecciona el ancho, color y estilo del borde. También puedes elegir bordes y esquinas diferentes;

4. Agregar al botón:
   • Arrastra y suelta "Botón" desde la barra de herramientas principal;
   • Elige la composición del botón;
   • Selecciona "Botón" en la barra de herramientas derecha y haz clic en el ícono junto a la URL;
   • Seleccione "Desplazarse al principio";
   • Haz clic en el botón "Aplicar".

1. Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
2. Elige la composición de Booka.place;

1. Ingresa tu "Nombre de inicio de sesión" de Booka.place;
2. Elige el "Número de alojamiento";
3. Ingresa el "Número de aplicación";
4. Personaliza el "Color del texto" y el "Color de fondo" haciendo clic en el ícono junto a cada opción;
5. Selecciona la "Fecha de inicio" y la "Fecha de finalización" desde las listas desplegables;
6. Configura el número de "Meses" que se mostrarán en el calendario.

1. Agregar un Banner:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Elige la composición de Banner;
   • Sube tu banner haciendo clic en el ícono de imagen en la barra de herramientas derecha;
   • Escribe la URL del banner en la barra de herramientas derecha.
2. Personalización del Banner:
   • Script:
     Inserta tu script haciendo clic en el ícono de script en la barra de herramientas derecha.
     El contenido del script debe estar configurado como "Desactivar contenido mientras esté en el creador (recomendado)" para evitar interferencias con el creador.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar AdSense:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Elige la composición de AdSense;
   • Haz clic en el ícono de código HTML e ingresa el código de AdSense.
     El contenido del código debería ser "Desactivar contenido mientras se está en el creador (recomendado)" para que no interfiera con el creador.
2. Personalización de AdSense:
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Google Calendario:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Google Calendario ;
   • Escribe tu ID del calendario de Google en la barra de herramientas derecha.
2. Personalización de Google Calendario:
   • Nombre del calendario:
     Escribe el nombre del calendario en la barra de herramientas derecha.
   • Idioma:
     Selecciona el idioma desde la lista desplegable en la barra de herramientas derecha.
   • Zona horaria:
     Selecciona la zona horaria desde la lista desplegable en la barra de herramientas derecha.
   • Primer día:
     Selecciona el primer día desde la lista desplegable en la barra de herramientas derecha.
   • Color de fondo:
     Haz clic en "Color de fondo" en la barra de herramientas derecha.
   • Modo de vista:
     Selecciona semana / mes / agenda en la barra de herramientas derecha.
   • Opciones:
     Selecciona opciones adicionales en la barra de herramientas derecha.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Tabla:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Tabla ;
   • Escribe tu "Espaciado entre celdas" en la barra de herramientas derecha.
2. Personalización de la tabla:
   • Insertar fila/columna:
     Haz clic derecho, selecciona "Insertar" y elige una de las opciones.
   • Eliminar fila/columna:
     Haz clic derecho, selecciona "Eliminar" y elige una de las opciones.
   • Editar texto:
     Haz clic derecho y selecciona "Editar texto de la celda".
   • Borrar celda(s):
     Haz clic derecho y selecciona "Borrar celda(s)".
   • Fondo:
     Haz clic en "Fondo" en la barra de herramientas derecha y selecciona el color y la opacidad.
   • Borde:
     Haz clic en "Borde" en la barra de herramientas derecha y selecciona el ancho, el color o el estilo.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

Vista previa:

1. Agregar Zendesk:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Zendesk ;
   • Escribe tu clave de Widget en la barra de herramientas derecha.
2. Personalización de Zendesk:
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Olark:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Olark ;
   • Escribe tu ID del sitio en la barra de herramientas derecha.
2. Personalización de Olark:
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Tawk.to:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Tawk.to ;
   • Escribe tu ID del sitio en la barra de herramientas derecha.
2. Personalización de Tawk.to:
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Countdown (Cuenta regresiva):
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Countdown (Cuenta regresiva) ;
   • Escribe tu "Fecha final" y "Hora final" en la barra de herramientas derecha.
2. Personalización de Countdown (Cuenta regresiva):
   • Visualización de la cuenta regresiva:
     Haz clic en la cuenta regresiva en la barra de herramientas derecha y selecciona la fuente, color y estilo.
   • Texto:
     Haz clic en el texto en la barra de herramientas derecha y selecciona la fuente, color, tamaño y estilo.
   • Espaciado del pie de foto:
     Escribe el espaciado del pie de foto en la barra de herramientas derecha.
   • Posición del pie de foto:
     Selecciona la posición del pie de foto en la parte superior o inferior en la barra de herramientas derecha.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

GetButton te permite conectarte a:
Facebook Messenger, WhatsApp, Viber, Snapchat, Line, Telegram, Vkontakte, SMS (móvil), Llamada, Correo electrónico, Instagram.

1. Agregar GetButton:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Elige la composición de GetButton;
   • Conecta tu botón a una de las plataformas en la barra de herramientas derecha.
2. Agregar GetButton-PRO:
   • Activar GetButton-PRO:
     Escribe "Clave de la versión Pro" en la barra de herramientas derecha.
   • Mensaje de bienvenida:
     Escribe el mensaje de bienvenida en la barra de herramientas derecha. Aparecerá 5 segundos después de que se cargue la página.
   • Logotipo de la empresa:
     Escribe el logotipo de la empresa en el mensaje de bienvenida en la barra de herramientas derecha.
   • Marca de GetButton:
     Desactiva la marca del botón en la barra de herramientas derecha.
   • Google Analytics:
     Activa Google Analytics para rastrear clics.
   • Color:
     Haz clic en el color y selecciona el color del botón en la barra de herramientas derecha.
   • Posición:
     Ajusta la posición vertical y horizontal del botón en la barra de herramientas derecha.
3. Personalizar GetButton:
   • Llamada a la acción:
     Escribe el mensaje de llamada a la acción que aparecerá solo en el escritorio en la barra de herramientas derecha.
   • Posición:
     Selecciona la posición del botón en la barra de herramientas derecha.
   • Color:
     Selecciona el color del botón desde el listado desplegable en la barra de herramientas derecha.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Count Up:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Count Up ;
   • Escribe tu "Desde" y "Hasta" números en la barra de herramientas derecha.
2. Personalizar Count Up:
   • Duración:
     Selecciona la duración del conteo en la barra de herramientas derecha.
   • Texto:
     Haz clic en el texto en la barra de herramientas derecha y selecciona la fuente, color, tamaño, estilo, alineación y espaciado de las letras.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar Smartarget Whatsapp:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Smartarget Whatsapp ;
   • Escribe tu ID de usuario Smartarget en la barra de herramientas derecha.
2. Personalizar Smartarget:
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

1. Agregar un blog:
   • Arrastra y suelta "Blog" desde la barra de herramientas principal;
   • Elige la composición del blog;
   • Selecciona el blog y haz clic en "Nueva entrada de blog" en la barra de herramientas derecha para escribir una nueva entrada;
   • Agrege imagen, título, fecha, hora, categoría y estado;
   • Escribe la entrada del blog en la sección de texto.
2. Personalizar el blog:
   • Imágenes de la galería:

     Selecciona la galería y haz clic en "Imágenes" en la barra de herramientas derecha. Añade el título de las imágenes, el enlace, la dirección y la descripción.

   • Fondo:

     Selecciona la galería y haz clic en "Fondo" para elegir el color/opacidad del fondo en la barra de herramientas derecha.

   • Miniaturas:

     Escribe el ancho, la altura, el relleno y la alineación de las miniaturas. Configura el efecto de animación y otras configuraciones para el estado predeterminado y el de pasar el ratón.

   • Filtro:

     Marca la casilla junto a "Mostrar filtro de búsqueda por texto" para activar la barra de filtro y búsqueda del blog.

   • Subtítulos:

     Configura cómo mostrar el subtítulo de la imagen, el color de fondo y el estilo del texto en la barra de herramientas derecha.

   • Animación:

     Configura el "Efecto", "Dirección", "Duración" y "Retraso" de la animación según tus preferencias.

3. Configuración del formato de fecha en la entrada del blog:
   1. Selecciona "Listado" en la barra de herramientas derecha;
   2. Navega hasta "Formato de fecha" junto al campo;
   3. Agrege el año, mes, día y hora utilizando las variables especiales de la lista a continuación;
   4. Después de configurar, cierra la ventana de configuración del "Formato de fecha".

Vista previa:

To add category in blog:

• Select blog and click "Edit posts" in right toolbar;
• Press next to any blog post;
• Press under "Category" section;
• Press "Add item" button;
• Set Item Name;
• Press "Apply" button.

1. Agregar Accordion:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Elige la composición "Accordion";
2. Editar Accordion:
   • Nuevo ítem:

     Selecciona el elemento y haz clic en "Nuevo ítem" en la barra de herramientas derecha.

   • Editar ítem:

     Selecciona el elemento y haz clic en "Editar ítem" en la barra de herramientas derecha para editar la sección, cambiar o añadir el título.

     Haz clic en "Ícono del ítem" en la barra de herramientas derecha para añadir un ícono al ítem.

     Nota: El deslizador seleccionado será editado.

   • Diseño:

     Selecciona el elemento y selecciona "Diseño" en la barra de herramientas derecha.

   • Agregar elemento:

     Selecciona la sección del elemento y arrastra y suelta el elemento desde la barra de herramientas principal que deseas agregar.

3. Personalizando Accordion:
   • Por defecto:

     Configura el color de fondo, borde y título por defecto en la barra de herramientas derecha.

   • Al pasar el ratón:

     Configura el color de fondo, borde y título al pasar el ratón en la barra de herramientas derecha.

   • Activo:

     Configura el color de fondo, borde y título activo en la barra de herramientas derecha.

   • Texto:

     Configura el color de fondo para las secciones y el borde en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

4. Dejar el elemento/pestaña predeterminado abierto:
   • En el criador, expande el elemento/pestaña que deseas abrir por defecto en el sitio web publicado;
   • Marca la casilla "Cerrar automáticamente el ítem anterior" en la barra de herramientas derecha.

1. Agregar slider:
   • Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
   • Elige la composición "Slider";
2. Editar slider:
   • Nuevo ítem:

     Selecciona el elemento y haz clic en "Nuevo ítem" en la barra de herramientas derecha.

   • Editar ítem:

     Selecciona el elemento y haz clic en "Editar" en la barra de herramientas derecha para editar la sección o cambiar/añadir título.

     Nota: El slide seleccionado será editado. Haz clic en uno de los botones de selección (radio buttons) en la parte inferior del elemento para cambiar el slide, o selecciona, por ejemplo, el slide 1 en "Estructura de página" en la barra de herramientas derecha.

   • Diseño:

     Selecciona el elemento y elige "Diseño" en la barra de herramientas derecha.

   • Agregar elemento::

     Selecciona una sección del elemento y arrastra y suelta el elemento desde la barra de herramientas principal que desees agregar.

3. Personalizar slider:
   • Frecuencia de cambio:

     Configura la frecuencia de cambio en la barra de herramientas derecha.

   • Por defecto:

     Establece el color de fondo, borde y título por defecto en la barra de herramientas derecha.

   • Al pasar el ratón:

     Configura el color de fondo, borde y título al pasar el ratón en la barra de herramientas derecha.

   • Activo:

     Configura el color de fondo, borde y título activo en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

Anuncios:

1. Agregar pestañas:
• Arrastra y suelta "Avanzado" desde la barra de herramientas principal;
• Elige la composición "Pestañas" (Tabs);
2. Editar pestañas:
   • Nuevo ítem:

   Selecciona el elemento y haz clic en "Nuevo ítem" en la barra de herramientas derecha.

   • Editar ítem:

   Selecciona el elemento y haz clic en "Editar ítem" en la barra de herramientas derecha para editar la sección o cambiar/añadir título.

   Nota: Se editará la pestaña seleccionada.

   • Diseño:

   Selecciona el elemento y elige "Diseño" en la barra de herramientas derecha.

   • Agregar elemento:

   Selecciona una sección del elemento y arrastra y suelta desde la barra de herramientas principal el elemento que desees añadir.

3. Personalizar pestañas:
   • Por defecto:

   Configura el color de fondo, borde y título por defecto en la barra de herramientas derecha.

   • Al pasar el ratón:

   Configura el color de fondo, borde y título al pasar el ratón en la barra de herramientas derecha.

   • Activo:

   Configura el color de fondo, borde y título activo en la barra de herramientas derecha.

   • Tamaño:

   Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

Anuncios:

1. Agregar Bookingmood:
   • Arrastrar y soltar "Avanzado" de la barra de herramientas principal;
   • Elige la composición Bookingmood ;
   • Escribe tu Clave API de Bookingmood y haz clic en "Actualizar" en la barra de herramientas derecha.
2. Personalizar Bookingmood:
   • Opciones:
     Selecciona el elemento y haz clic en "Opciones" en la barra de herramientas derecha.
     Elige de las listas desplegables "La semana empieza en", "La primera semana contiene la fecha" y "Moneda".
   • Estilo:
     Selecciona "Tema" y "Fuente" desde la lista desplegable y elige los colores.
   • Diseño:
     Selecciona el "Tamaño" del elemento desde la lista desplegable. Selecciona las opciones que deseas mostrar en el diseño.
   • Tamaño:
     Ajusta el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

Nota: Necesitas tener una cuenta de Bookingmood para generar la clave API y gestionar tus reservas y pedidos.