Ayuda a tus visitantes a conectar con tu negocio añadiendo herramientas de contacto, ubicación y programación. Usa estos widgets para compartir tu información de contacto, mostrar mapas o permitir que reserven servicios directamente desde tu sitio web.
Utilice el widget de calendario de Google para mantener interesados a los visitantes mostrándoles los próximos eventos, reservas, talleres y seminarios.
Limitaciones
- Muestra únicamente calendarios públicos de Google.
- No muestra eventos de varios días.
- No se puede traducir:
- La estructura del calendario, como días o meses, aplica el idioma predeterminado del sitio.
- Los eventos se muestran en el idioma configurado en los ajustes de Google Calendar, independientemente del idioma predeterminado del sitio. Cuando un visitante selecciona un evento, la ventana de eventos solo está disponible en inglés.
- Si agregó un calendario después de conectar una cuenta, es posible que no vea el calendario en las opciones de calendario. Para verlo, desconecte la cuenta y vuelva a conectarla.
- Haga clic en el widget y seleccione el menú de editor de contenido .
- Haga clic en Iniciar sesión con Google .
-
Una vez conectada la cuenta, verá todos los calendarios públicos de Google asociados con esa cuenta.
Seleccione el calendario público que desea mostrar y el día de la semana en que desea que comience el calendario.
-
Opcional: active la opción Usar reloj de 24 horas para configurar su formato de hora preferido.
De forma predeterminada, el formato de hora se establece según el idioma del sitio. Por ejemplo, el inglés usa el formato de 12 horas con AM/PM, mientras que los idiomas europeos usan el formato de 24 horas.
- Para agregar o editar eventos, vaya directamente al calendario de Google.
- Haga clic en el widget y seleccione el editor de diseño para darle estilo al widget.
- Para personalizar el estilo de las secciones del calendario, haga clic en Calendario. Personalice lo siguiente:
- Encabezado: mes e ícono
- Días de la semana
- Todos los días
- Eventos
- Hoy
- Dirección del Calendario
- Para personalizar el estilo de la ventana emergente de evento que se muestra al hacer clic en un evento del calendario, haz clic en Ventana emergente de Evento. En dispositivos móviles, los eventos se marcan con un punto.
- Para personalizar el estilo de las secciones del calendario, haga clic en Calendario. Personalice lo siguiente:
Los siguientes campos son compatibles con el widget de Google Calendario:
- Título
- Descripción
- Fecha y hora
Los siguientes campos no son compatibles:
- Ubicación
- Archivo
Al presionar el widget "Clic para llamar", se activa una llamada al número indicado en el campo del número de teléfono. El botón "Clic para llamar" solo es compatible con dispositivos móviles, ya que las computadoras de escritorio y las tabletas no admiten llamadas.
Haga clic en el widget y seleccione la pestaña Contenido .
- Introduzca el número de teléfono en el campo.
- Introduzca un número de teléfono en el campo correspondiente. Use el símbolo + antes del código de país para números internacionales.
- Las extensiones no se pueden marcar automáticamente.
- Introduzca el texto que desea mostrar en el botón.
Haga clic en el widget y seleccione la pestaña Diseño para cambiar el estilo del botón y el estilo del texto.
Active Flotante para establecer la posición del widget y habilite Mostrar solo en esta página si es necesario.
Utilice el widget de Mapa para mostrar a los visitantes la ubicación de su negocio, el lugar del evento o las áreas de estacionamiento.
Haga clic en el widget y seleccione la pestaña Contenido.
-
Introduzca su dirección comercial en el campo provisto.
También puede seleccionar una de sus direcciones guardadas en el menú desplegable. Si no aparece, contacte con HERE Map Creator para actualizar su base de datos.
- Elija mostrar un botón de mapa en dispositivos específicos usando el "Usar botón en"
iconos. - Introduzca el texto que desea que aparezca en el botón en el campo "Texto en el botón".
- Para mostrar una ventana emergente con información de ubicación en el widget de mapa:
- En "Ventana emergente de información de ubicación", introduzca un título y una descripción para la ventana emergente.
- Seleccione si desea mostrar la ventana emergente Al pasar el mouse, Al hacer clic o Siempre en el menú desplegable de visualización de ventanas emergentes.
Haga clic en el widget y seleccione la pestaña Diseño para personalizar el estilo del mapa.
Mapbox es el proveedor de mapas predeterminado, pero puedes cambiar a Google Maps para todos los sitios de tu cuenta. Guesty guarda todos los datos de ubicación de Mapbox y los aplica a Google Maps automáticamente. Puedes desactivar Google Maps y volver a usar Mapbox en cualquier momento.
Para configurar Google Maps como tu proveedor de mapas predeterminado:
- Genera una clave API en tu cuenta de Google Maps.
- Haz clic en tu avatar en la esquina superior derecha de la página de integración y selecciona Cuenta.
- Desplázate hasta " Integración de Google Map" y haz clic en Configurar.
- Pega tu clave API y haz clic en Aplicar a todos los sitios.
Para incrustar mapas de Google Maps usando el widget HTML:
- Navegue a Google Maps.
- Busque la ubicación que desee.
- Haga clic en el menú de la parte superior izquierda y haga clic en Compartir o incrustar mapa .
- Haga clic en la pestaña Incrustar mapa .
-
Copie la URL entre comillas después de
<iframe src =". Asegúrese de copiar la URL completa anidada entre comillas.
- Navegue a su sitio.
- Haga clic en Widgets en el panel izquierdo y arrastre el widget HTML a una fila o columna.
-
Utilice el siguiente código de inserción y agregue la URL que obtuvo de Google Maps entre comillas después de
<iframe src =":<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> - Vaya al Modo de desarrollador.
- Haga clic en Sitio HTML/CSS y, a continuación, en site.css .
-
Incruste el siguiente CSS en esta sección:
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
El mapa se redimensiona según la resolución de la pantalla. Si usas el código de inserción de Google Maps, el tamaño del widget del mapa aparecerá fijo en todos los dispositivos y recortado en la vista móvil.
Agrega un botón de reserva de OpenTable para permitir que los visitantes reserven mesas directamente desde tu sitio.
Haz clic en el widget y selecciona la pestaña Contenido.
- Introduce el "Texto del botón" en el campo provisto.
- Selecciona tu región en el menú desplegable e introduce tu ID de restaurante de OpenTable.
- Haz clic en + Agregar ubicación para incluir varios restaurantes.
Haz clic en el widget y selecciona la pestaña Diseño para cambiar el estilo y el texto del botón.
El widget de correo electrónico invita a los visitantes a enviar un correo electrónico a la dirección de correo electrónico. Úselo en sus páginas de inicio o de contacto para agilizar la comunicación.
Nota:
- Es posible que algunos dispositivos no asistan el envío automático de correo electrónico.
- Considere también mostrar su dirección de correo electrónico para que los usuarios que no pueden enviar un correo electrónico automáticamente a través de su dispositivo puedan enviar un correo electrónico manualmente.
Haga clic en el widget y seleccione la pestaña Contenido .
- Introduzca su dirección de correo electrónico en el campo. También puede seleccionar una dirección de correo electrónico previamente introducida en el menú desplegable.
- Escriba el texto que desea mostrar en el botón.
Haga clic en el widget y seleccione la pestaña Diseño para cambiar el estilo y el texto del botón.
Active Flotante para establecer una posición fija para el botón.
Usa el widget Formulario de Contacto para recopilar comentarios, preguntas o suscripciones a boletines informativos de huéspedes. Puedes personalizar campos de texto, menús desplegables, casillas de verificación y archivos adjuntos para adaptarlos a las necesidades de tu negocio.
Haz clic en el widget y selecciona la pestaña Contenido. En "Elementos del formulario", administra tus campos:
En la pestaña Elementos del formulario, administra tus campos:
- Haz clic en el nombre del campo para modificar la información existente.
-
Ingresa la información que quieres recopilar de tus visitantes.
Nota:
- Si tu formulario incluye un archivo adjunto "Tipo de campo":
- El nombre del archivo no debe incluir ningún espacio al cargarlo.
- El límite de tamaño de archivo para archivos adjuntos es de 10 MB.
- Los archivos adjuntos enviados caducan después de 90 días.
- Se admiten los siguientes formatos de archivo:
.pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rarademás de todos los formatos de archivos de video.
- El campo Número de teléfono está validado. Si no se cumplen las condiciones de formato, aparece un mensaje de error:
- Al menos un número.
- Sólo caracteres válidos: espacio, signo más (+), guion (-) y punto (.).
- Si tu formulario incluye un archivo adjunto "Tipo de campo":
- Haga clic en + Agregar campo para agregar elementos de formulario adicionales.
- Introduzca el texto deseado para el botón Formulario.
- Administre los ajustes de reCAPTCHA para protegerse contra el spam:
- Seleccione una posición reCAPTCHA.
- Elija mostrar el reCAPTCHA como un ícono o texto.
-
Introduzca un título para el formulario o haga clic en
para ocultarlo.Nota:
Si cambia el título del formulario, solo se actualiza después de enviar una nueva respuesta. Envíe una respuesta de prueba para actualizar el nombre rápidamente.
En la pestaña Envío:
- Haga clic en la notificación de nuevo envío para configurar el correo electrónico del destinatario y la línea del asunto.
- En "Los envíos del formulario se enviarán a", introduzca su correo electrónico para recibir una copia de todos los envíos. Si lo deja vacío, Guesty usa el correo electrónico principal de su biblioteca de contenido o el del titular de la cuenta de forma predeterminada. Todas las respuestas se envían a la página de respuestas del formulario.
- En "Línea de asunto del correo electrónico", ingrese el asunto del correo electrónico.
- En "Nombre del remitente", introduzca el nombre del remitente. Si se deja vacío, el nombre predeterminado del remitente será la dirección web de su sitio.
- Haga clic en Acciones después del envío para configurar lo siguiente:
- Mensajes de agradecimiento y de error. Use el editor de texto enriquecido para personalizar colores, negrito o viñetas.
- Ajustes de redireccionamiento. Elija redirigir a los usuarios a una página específica de su sitio web o a una URL externa.
- Ajustes de correo electrónico. Active la opción "Responder automáticamente al remitente del formulario" para enviar un correo electrónico de confirmación. También puede personalizar el nombre, el asunto y el cuerpo del mensaje en el campo "De".
- Haga clic en Seguimiento para pegar el código de conversión o de AdWords en el campo proporcionado.
En la pestaña Integración:
Seleccione un servicio externo para enviar los datos de envío externamente si es necesario. Para más información, consulte Integraciones de formularios de contacto.
Haga clic en el widget y seleccione la pestaña Diseño para ajustar el diseño, la alineación y el estilo del botón.
Puedes vincular direcciones de correo electrónico directamente a tu biblioteca de contenido o a campos específicos de la Colección. Para personalizar tu flujo de trabajo, también puedes:
- Personalizar los asuntos: agrega campos de colección (como ID de apartamento o nombre del miembro del equipo) a la línea de asunto del correo electrónico.
- Incluir campos externos: envía puntos de datos adicionales dentro del envío del formulario.
- Accede a los datos fácilmente: estos campos se almacenan y se pueden ver tanto en el correo electrónico de notificación como en las respuestas del formulario de Resumen del sitio.
Para obtener más información sobre los datos conectados, consulta Datos conectados.
Para agregar datos conectados a un formulario de contacto:
- Haz clic derecho en el y haz clic en Conectar a datos.
- Selecciona la dirección de correo electrónico y los campos adicionales que deseas incluir en el correo electrónico del formulario de contacto en el menú desplegable correspondiente.
- Opcional : Haz clic en la pestaña Editar contenido para realizar los cambios necesarios. Todos los cambios se sincronizan con tu biblioteca de contenido.
- Haz clic en Guardar.
Recauda donaciones o vende productos añadiendo un botón de PayPal a tu sitio web. Necesitas una cuenta de PayPal para usar este widget.
- Haz clic en el widget y selecciona la pestaña Contenido.
- Introduce tu nombre de usuario de PayPal.
- Selecciona el tipo de transacción en el menú desplegable.
- Establece el precio, la moneda, el costo de envío y los impuestos.
Haz clic en el widget y selecciona la pestaña Diseño para personalizar la apariencia del botón.
Comparte las opciones de comida de tu establecimiento con imágenes, descripciones y precios. Importa tu menú desde Locu o SinglePlatform, o sube un archivo CSV.
Elige cómo construir tu menú:
- Para crear tu propio menú, selecciona "Crea tu propio menú ". Para más información, consulta "Crea tu propio menú" .
- Para subir un menú, selecciona "Subir CSV" . Para más información, consulta " Subir un CSV" .
Construye el tuyo propio
Para crear tu propio menú en el widget:
- Selecciona Crea el tuyo propio .
- Organiza tu menú creando categorías y artículos:
- Para agregar una categoría, haz clic en Agregar categoría y asígnale un nombre a tu categoría.
- Para agregar un artículo, haz clic en Agregar artículo debajo de la categoría en la que deseas colocar el artículo.
- Para agregar una imagen al artículo, haz clic en + Imagen .
- Introduce un título, una descripción y un precio para el artículo. Usa el editor de texto enriquecido para añadir color, estilo y viñetas al texto del cuadro de descripción .
- Activa Mostrar imágenes para mostrar imágenes de todos los elementos.
- Selecciona una moneda del menú desplegable Elegir moneda .
- Escribe un título para el menú o haz clic
para ocultarlo.
Subir CSV
Para importar un menú usando un archivo CSV:
- Seleccione Cargar CSV.
- Haga clic en Cargar CSV y seleccione el CSV de su computadora.
- Escriba un título para el menú o haga clic en para ocultarlo.
Formato CSV
Líneas delimitadas por comas o tabulaciones:
<Category>, <Item>, <Description>, <Price>
Por ejemplo:
Postres, Magdalena Francesa, Magdalena con crema, 15.
Haga clic en el widget y seleccione la pestaña Diseño para editar los divisores de categorías y los estilos de texto, y ajustar la altura y los ajustes de fuente para que coincidan con su marca.
El widget de reseñas de Yelp solo muestra reseñas positivas. Muestra hasta tres reseñas positivas de tu perfil de Yelp para aumentar la confianza de los clientes.
- Haz clic en el widget y selecciona la pestaña Contenido.
- Ingresa la dirección de tu página web de Yelp en el campo provisto y haz clic en el botón Buscar.
- Si hay una página de Yelp con esta URL, se conectará automáticamente.
- Si la URL no se conecta con una página de Yelp, recibirás un mensaje de error. Haz clic de nuevo en "Ingresa tu URL de Yelp" y escribe otra URL.
- Edita el título de tus reseñas de Yelp o haz clic en para ocultarlo.
Haz clic en el widget y selecciona la pestaña Diseño para cambiar el diseño de la reseña.
Muestra tus días y horarios de apertura para que los clientes sepan cuándo visitarte o contactarte.
- Seleccione el(los) día(s) para los que desea establecer horas.
-
Selecciona tu horario de trabajo para cada día.
Alternativamente, selecciona entre las otras opciones: Abierto las 24 horas, Cerrado o Solo con cita previa.
-
Haz clic en Establecer días especiales y feriados para agregar excepciones a tu horario comercial.
Nota:
Los días especiales y festivos no se mostrarán en el widget hasta que el día programado esté dentro de los próximos 13 días. Por ejemplo, si el 20 de mayo se establece como festivo, no se mostrará en el sitio hasta el 7 de mayo.
- Activa la opción Usar formato de 24 horas para configurar el formato de visualización de la hora.
- Activa Combinar días con las mismas horas para consolidar días que comparten las mismas horas de trabajo.
- Edita el título de tu horario comercial o haz clic en para ocultarlo.
Haz clic en el widget y selecciona la pestaña Diseño para cambiar las opciones de visualización, como el diseño, los colores de fuente, los fondos y el espaciado.
Muestra una lista o un mapa de todas las ubicaciones de tu negocio. Los visitantes pueden encontrar la sucursal más cercana y llamarla directamente con un clic.
Nota:
El botón "Buscar ubicación más cercana" solo aparece en conexiones seguras (HTTPS).
- Haga clic en el widget y seleccione la pestaña Contenido.
- Ingrese la dirección de su negocio para encontrar su ubicación en línea.
- Para agregar otra ubicación, haga clic en + Agregar ubicación.
- Edite el texto del botón de Ubicación más cercana y del título de Ubicación múltiple, o haga clic en para ocultarlos.
- Para editar los ajustes de ubicación, haga clic en una ubicación en la lista.
- Edite la dirección comercial.
- Agregue información adicional y un número de teléfono para esa ubicación.
- Haga clic en para mostrar u ocultar cualquier elemento.
- Haga clic en Agregar enlace para crear un enlace que se mostrará en la entrada de esa ubicación para guiar a sus visitantes a una página específica.
Haga clic en el widget y seleccione la pestaña Diseño para darle estilo al widget, incluyendo:
- El título del artículo.
- Información adicional.
- Haga clic para llamar.
Incentiva a los visitantes con promociones. Puedes crear un nuevo cupón en el widget o subir una imagen existente.
Nota:
Este widget no registra los canjes. Usa los términos y condiciones para indicar claramente las fechas de vencimiento.
- Haga clic en el widget y seleccione la pestaña Contenido.
- Para usar el cupón predeterminado, haga clic en "Cupón predeterminado". Complete los siguientes pasos:
- Oferta. Introduzca la oferta.
- Mensaje principal. Introduzca los detalles de la oferta. Por ejemplo, "Obtén $5 de descuento en tu próximo pedido de almuerzo".
- Términos y condiciones. Introduzca los términos y condiciones específicos de la oferta.
- Texto del botón. Introduzca el texto del botón para el cupón.
- Mostrar botones para compartir. Active para incluir botones para compartir en redes sociales.
- Título. Introduzca el título de la oferta.
- Vencimiento. Seleccione una fecha de vencimiento para el cupón. En esta fecha, aparecerá la palabra "Vencido" en el cupón. Para notificar a los visitantes con antelación, agregue la fecha de vencimiento a los Términos y Condiciones.
- Para usar un cupón de imagen, haga clic en "Cupón de imagen". Complete los siguientes pasos:
- Haga clic en + Imagen para agregar una imagen.
- Texto del botón. Introduzca el texto del botón para el cupón.
- Mostrar botones para compartir. Active para incluir botones para compartir en redes sociales.
- Título. Introduzca el título de la oferta.
- Vencimiento. Seleccione una fecha de vencimiento para el cupón. En esta fecha, aparecerá la palabra "Vencido" en el cupón. Para notificar a los visitantes con antelación, agregue la fecha de vencimiento a los Términos y Condiciones.
Haga clic en el widget y seleccione la pestaña Diseño para darle estilo al widget.
Capte más clientes potenciales permitiendo que sus clientes reserven citas al instante. Nos asociamos con VCita para ofrecer este servicio; puede crear una cuenta directamente en el widget.
- Haga clic en el widget y seleccione la pestaña Contenido.
- Para crear una cuenta de prueba de Vcita, escriba su correo electrónico, nombre y apellido. Haga clic en Continuar.
- Haga clic en el enlace para recibir un correo electrónico de activación de cuenta.
- Haga clic en Agregar/Editar servicios para agregar una variedad de servicios, tarifas y tipos de citas, como consultas telefónicas, reuniones en línea y citas en persona.
- Haga clic en Editar horario comercial para configurar su zona horaria, horario de apertura y para sincronizar Vcita con su calendario (Google, Outlook, iCloud, etc.) para mostrar su disponibilidad y evitar reservas dobles.
Los usuarios que se suban a uno de los planes premium de VCita tienen opciones adicionales para personalizar la programación, la marca y más. Todas estas funciones están vinculadas al widget.
Opciones de visualización
Puede cambiar la forma en que se muestra su programación en línea en su sitio.
- Haga clic en el Menú de Servicio para mostrar una lista de los servicios que ofrece.
- Haga clic en Calendario para ver un calendario con una lista de citas disponibles para un servicio. Seleccione el servicio en el menú desplegable.
- Elija mostrar su programación en línea en su sitio o como un solo botón que la abre en una nueva página. Seleccione la opción de visualización por dispositivo en la parte inferior del Editor de contenido.
Haga clic en el widget y seleccione la pestaña Diseño para editar el estilo.