Optimizar sitios web de Toast

En este artículo:

• Descripción general de la personalización de sitios web de Toast
• Antes de comenzar
• Encuentra rápidamente de objetivo a función
• Actualiza el diseño de tu sitio web
• Personaliza tu barra de navegación y pie de página
  • Actualiza la barra de navegación
  • Actualiza los enlaces de navegación
  • Personaliza el pie de página
• Agregar y gestionar páginas
• Personaliza módulos y secciones en tus páginas
• Medios para sitios web de Toast
  • Galería multimedia
  • Subtítulos de video
  • Integrar con Instagram
• Banners y ventanas emergentes para sitios web de Toast
  • Banner promocional
  • Banner de función de destacados
  • Banner persistente
  • Ventanas emergentes
• Agregar eventos a tu sitio web
• Widget de Reservas para Sitios Web de Toast
• Añadir Reseñas de Google Business Profile a Sitios Web de Toast
• Añadir una Lista de Cervezas de Untappd a Su Sitio Web de Toast
• Añadir un Formulario de Catering a Su Sitio Web de Toast
• Añadir una Página de Compra de Tarjetas de Regalo a Su Sitio Web de Toast
• Añadir Widgets Embebidos Externos
• Herramientas de Contenido de IA Generativa para Sitios Web de Toast
• Configurar Menús del Sitio Web
  • Añadir un Componente de Artículos del Menú
  • Añadir un Componente de Grupo de Menú
  • Menús personalizados
  • Constructor de Menú Solo de Vista
• Personalizar el Tema, Tipografía, Logo y Favicon de Su Sitio Web
  • Tema de color
  • Tema de Texto (Tipografía)
  • Animaciones
  • Logo
  • Favicon
• Previsualizar y Publicar Su Sitio Web
• Recorrido en Video
• Preguntas frecuentes
  • ¿Por qué no se muestran mis ediciones en mi sitio web en vivo?
  • ¿Cómo cambio los Horarios de Operación que se muestran en mi sitio web?
  • ¿Cómo oculto o muestro una página?
  • ¿Cómo añado Google Analytics o un código de seguimiento a mi sitio web de Toast?
  • ¿Dónde cambio mi logo e imagen de banner?
  • ¿Puede mi sitio web verse diferente en móvil y escritorio?
  • ¿La integración de Untappd tiene algún costo?
• Artículos relacionados

Resumen de personalización de sitios de Toast

Desde el Editor del Sitio (también llamado el editor o el editor de su sitio web), puede personalizar el diseño, la barra de navegación, el pie de página, las páginas, los módulos, los menús, los banners y las ventanas emergentes en su sitio web. También puede incrustar integraciones como listas de cervezas de Untappd, reseñas de Google Business, formularios de catering, páginas de compra de tarjetas de regalo y widgets HTML externos. Utilice herramientas de IA generativa y la Galería de Medios para agregar texto y visuales que coincidan con la marca de su restaurante.

Volver al inicio

Antes de comenzar

Se aplica a: Sitios web de Toast

Permisos necesarios:

• Permiso de configuración de sitios 6.9 — requerido para editar su sitio web de Toast
• Permiso de publicación 6.4 — requerido para publicar cambios en cada ubicación

Lo que lograrás: Su sitio web de Toast en vivo reflejará la marca, los menús, las integraciones y el contenido de su restaurante.

Modelo de Guardar y Publicar:

• Los cambios que realice en el Editor del Sitio se guardan en un borrador de su sitio web.
• Sus ediciones no aparecerán en su sitio web en vivo hasta que seleccione Publicar.
• Si usted (o un empleado) no puede publicar, consulte "No se puede publicar cambios en Toast Web" para obtener orientación sobre el permiso de publicación 6.4 y la solución de problemas relacionada.

Volver al inicio

Búsqueda rápida de objetivo a función

Utiliza esta tabla para encontrar la sección correcta para lo que deseas cambiar.

Volver al inicio

Actualiza el Diseño de Tu Sitio Web

Navegar a Toast Web > Sitios Web > Editar Sitio para hacer cambios en todo el sitio a tu logo, colores o texto del sitio web. La opción de Plantilla del Sitio estará deshabilitada después de la configuración inicial de Toast Websites, pero puedes cambiar tu diseño en cualquier momento utilizando las funciones dentro del Editor de Sitios. Ver Personalizar Módulos y Secciones en Tus Páginas en este artículo para más detalles.

Volver al inicio

Personaliza Tu Barra de Navegación y Pie de Página

Puedes personalizar tu barra de navegación (las pestañas en la parte superior de tu sitio web) en cualquier página del Editor de Sitios. Los cambios que realices en tu barra de navegación aparecerán en todas las páginas de tu sitio web, por lo que no necesitas actualizarla en cada página individual.

Actualizar la barra de navegación

En el Editor de Sitios, selecciona la barra de navegación para abrir el menú Actualizar la barra de navegación en el lado derecho de la pantalla.

1. Habilitar Superpuesta mueve la barra de navegación como una capa sobre el contenido de la página. Cuando esto está deshabilitado, la barra de navegación es un elemento separado, y el contenido de la página comienza directamente debajo de ella.
2. Habilitar Fija mantiene la barra de navegación visible en la parte superior de la página, incluso cuando alguien se desplaza más abajo. Cuando esto está deshabilitado, la barra de navegación no será visible si alguien se desplaza hacia abajo en la página.
3. CTA Primaria es un botón destacado que puedes agregar a tu barra de navegación. Habilítalo y luego selecciona el botón mismo para actualizar a qué se vincula (como tu menú de pedidos en línea).
4. Puedes actualizar el diseño de tu encabezado para cambiar cómo se organizan el logo y los enlaces.

Nota: También puedes elegir si mostrar el carrito de compras en cada página habilitando Mostrar carrito. Asegúrate dePublicar tus cambios.

Actualizar enlaces de navegación

Si tienes un estilo de barra de navegación con enlaces visibles, seleccionar esos enlaces abre la ventana de Actualizar Lista de Navegación, donde puedes reorganizar, ocultar, editar o eliminar las páginas que se muestran en tu barra de navegación. Arrastrar una página hacia la derecha debajo de otra página crea un menú desplegable en tu barra de navegación.

Para actualizar a dónde apunta un enlace de navegación o para crear un nuevo enlace de menú de navegación, sigue estos pasos:

1. En Toast Web, navega a Toast Web > Sitios web > Editar sitio.
2. Desde la barra de navegación del lado izquierdo, selecciona Configurar módulos a nivel de sitio.
3. Bajo Elementos Globales, selecciona Navegación.
4. Desplázate hacia abajo hasta Lista de Navegación.
5. Para actualizar a dónde apunta un enlace de menú existente, selecciona los 3 puntos junto a tu nombre de menú, luego selecciona Editar. Aparece una ventana emergente que muestra a dónde está vinculado actualmente tu menú seleccionado. Ingresa tu nuevo enlace en el campo Enlace, luego selecciona Enviar.
6. Para crear un nuevo enlace de menú de navegación, desplázate hacia abajo y selecciona + Agregar enlace. Elige un enlace de tu lista de enlaces existente, o selecciona Agregar mi propio enlace e ingresa el nombre de tu menú de navegación y el enlace. Selecciona Agregar enlace.
7. Guardar y Publicar tus cambios.

Resultado esperado: El enlace de navegación actualizado o recién creado aparece en tu barra de navegación en cada página de tu sitio web en vivo después de publicar.

Personalizar el Pie de Página

Seleccionar tu pie de página te permite personalizar la información que se muestra en la parte inferior de todas las páginas de tu sitio web.

Selecciona + Agregar enlace para agregar una URL de redes sociales para tu restaurante; el ícono se añadirá automáticamente al pie de página para que tus invitados puedan acceder fácilmente a las páginas de redes sociales de tu restaurante.

Habilita Otras Configuraciones según sea necesario para mostrar tus horas, ubicación, enlaces de menú y más en tu pie de página. Excepto por los enlaces de redes sociales (que puedes agregar tú mismo), la información en el pie de página se toma automáticamente directamente de tu configuración de Toast Web. Si desplazas hacia abajo en la ventana Actualizar Pie de Página, verás enlaces rápidos para actualizar el nombre de tu ubicación o las horas si es necesario.

Nota:

• El interruptor para Ubicaciones debe estar habilitado para que la sección del Pie de Página se muestre en el sitio web.
• Al encontrar enlaces rotos o errores 404, verifica el prefijo de la URL para asegurarte de que incluya "https://" al principio. Esta verificación puede resolver problemas de conectividad y asegurar un acceso adecuado a los recursos web.

Nota: Las horas de edición de la barra lateral no aparecen en las páginas Pedido en línea o Menú. Para editar las horas visibles en esas páginas, edita el pie de página desde otra página (por ejemplo, tu página de inicio o la página Acerca de nosotros) y selecciona Todas las horas desde el pie de página. Realiza los cambios necesarios y asegúrate de Guardar y Publicar los cambios.

¿Buscas personalizar aún más el área de tu pie de página? Consulta Personaliza el tema de tu sitio web, tipografía, logo y favicon en este artículo para más información.

Volver al inicio

Añadir y gestionar páginas

Utiliza el menú desplegable de páginas en la parte superior del Editor del sitio para añadir, eliminar y reorganizar las páginas de tu sitio web.

Para tus páginas de Menú y Pedido en línea, la opción Cambiar plantilla aparece en la parte superior del Editor. Esto te permite decidir si mostrar imágenes y cómo aparecen las imágenes y los elementos del menú en estas páginas. Solo estarás ajustando el estilo de tus menús. Si necesitas cambiar nombres, precios o grupos de menú, hazlo con las herramientas habituales de edición de menú de Toast.

Si seleccionas +Añadir nueva página del menú desplegable de páginas, verás las siguientes opciones para crear nuevas páginas para tu sitio web:

• Contenido — crea otra página similar a tu página de inicio, donde puedes editar todos los módulos dentro de la página.
• Formulario — crea una página que te permite recopilar envíos de tus invitados (como un formulario de "Contáctanos"). Al crear un formulario, ingresarás una dirección de correo electrónico que recibirá todos los envíos a este formulario. Puedes editar todos los campos del formulario en esta página (y hacer que sean campos obligatorios si es necesario) y actualizar la configuración de envío (la dirección de correo electrónico que recibe los envíos del formulario) en cualquier momento. Si necesitas actualizar la dirección de correo electrónico a la que se envían estos envíos del formulario, hazlo aquí.
• PDF — te permite subir un PDF como una página separada en tu sitio web. Esto puede ser útil para cosas como menús especiales de vacaciones o eventos.
• Loyalty — si tu restaurante utiliza Toast Loyalty, puedes crear una página de registro de lealtad dedicada con una marca consistente y una URL apropiada. Todas las configuraciones y el contenido legal se extraen directamente de tu configuración de Toast Loyalty.
• Email Marketing — si tu restaurante utiliza Toast Marketing, puedes crear una página de registro de lista de correo con una marca consistente y una URL apropiada. Todas las configuraciones y el contenido legal se extraen directamente de tu configuración de Email Marketing.
• Catering — si tu restaurante utiliza Toast Catering & Events, puedes crear páginas dedicadas en tu sitio para incrustar tus formularios de recepción de catering. Todo el contenido se extrae directamente de tus formularios de Catering & Events, y todas las ediciones a esos formularios se reflejan en tu sitio.
• Gift Cards — si tu restaurante utiliza Toast Gift Cards, puedes incrustar una página en tu sitio que permita la compra de tarjetas de regalo. Todo el contenido y las configuraciones se gestionan en tu configuración de Gift Card.
• Blank Page — crea una página sin bloques de contenido, que puedes agregar y personalizar según desees.

Volver al inicio

Personaliza Módulos y Secciones en Tus Páginas

Los módulos (también llamados secciones) son los bloques de contenido que componen las páginas de tu sitio web. Al pasar el cursor sobre un módulo, tienes la opción de moverlo hacia arriba o hacia abajo en la página, eliminarlo o duplicarlo.

También puedes arrastrar un módulo del sitio web desde la barra lateral izquierda del editor al cuerpo principal del editor para agregarlo a tu sitio web. Una vez que el módulo está agregado, arrastra y suelta dentro del editor para reorganizar las secciones.

Puedes seleccionar elementos específicos dentro de un módulo para editar su apariencia, como el color de fondo, el espaciado, el estilo y la alineación, donde sea aplicable. Seleccionar un botón te permite actualizar el texto, el estilo y el enlace.

Para actualizar el texto dentro de un módulo, selecciona el texto mismo. Puedes cambiar el texto directamente en la vista previa, y aparecerá un menú de formato de texto sobre el cuadro de texto si deseas cambiar el tamaño, la fuente, etc.

Al pasar el cursor sobre una imagen, se te da la opción de reemplazarla rápidamente, o puedes seleccionar la imagen para abrir el menú Actualizar imagen en el lado derecho de la pantalla para opciones de edición completas.

El editor de imágenes te permite recortar, rotar o voltear una imagen directamente dentro del Editor de Sitios, para que puedas asegurarte de que el contenido correcto se muestre a tus invitados. Cuando subes una imagen, Toast escaneará automáticamente la foto y generará una descripción que puedes usar para el texto alternativo para mejorar la accesibilidad y ayudar en la optimización para motores de búsqueda. Puedes editar este texto alternativo en cualquier momento. Todas las imágenes subidas se almacenan en la galería de imágenes de Toast Websites, por lo que cada vez que desees agregar o reemplazar una imagen en tu sitio, puedes elegir entre cualquier imagen previamente subida, incluidas las imágenes subidas para tus elementos de menú.

Para agregar un nuevo módulo, selecciona el ícono de flecha cerca de la barra de navegación de Websites en el lado izquierdo de la pantalla, y selecciona el tipo de contenido que te gustaría agregar: Bienvenido, Texto, Imagen única + Texto, Múltiples imágenes + Texto, Multimedia, Testimonios, Eventos, Reservas, o banners y ventanas emergentes.

Nota: No puedes agregar módulos a tus páginas de Menú o Pedidos en Línea.

Para gestionar elementos destacados y recomendaciones de venta adicional, consulta la sección Habilitar elementos destacados del menú y recomendaciones de venta adicional de Toast Online Ordering Pro: Configuración de la página del menú.

Volver al inicio

Medios para Toast Websites

Galería multimedia

Visualiza todas tus fotos subidas y de redes sociales (Instagram y Facebook) en un solo lugar desde tu Panel de Control de Websites.

1. En Toast Web, navega a Toast Web > Websites > Galería multimedia.
2. En la pestaña Cargar, selecciona +Cargar desde la computadora o arrastra y suelta archivos para agregar a tu galería multimedia. Puedes subir o eliminar múltiples archivos seleccionándolos de la Galería multimedia o de tu computadora y confirmando tu selección.

Nota: El tamaño máximo para archivos de imagen es de 5MB, y para videos, es de 50MB. Puedes agregar tanto fotos como GIFs a esta galería. Los GIFs se pueden usar en cualquier lugar donde se pueda usar una foto en tu sitio web de Toast.

Si no has integrado los sitios web de Toast con tu cuenta de Instagram, puedes hacerlo dentro de la Galería de Medios en la pestaña Instagram. Para más información, consulta Integrar con Instagram en este artículo. Una vez integrado, las imágenes de tu cuenta de Instagram se mostrarán en tu galería de medios.

Resultado esperado: Los medios que subiste están disponibles en la Galería de Medios y se pueden agregar a cualquier página de tu sitio web de Toast.

Subtítulos de Video

Al agregar medios a tu sitio web de Toast, puedes usar la herramienta de subtítulos de video siguiendo los pasos a continuación.

1. En Toast Web, navega a Toast Web > Sitios web > Editar sitio.
2. En el Editor del Sitio, sube tu video arrastrando y soltando el archivo de video en tu sitio, seleccionando +Subir desde la Computadora, o seleccionando tu video existente en tu página.
3. Una vez que la carga del video esté completa, navega a Carga de Subtítulos de Video.
4. Sube tu archivo de subtítulos de video arrastrando y soltando el archivo SRT o VTT en tu sitio o seleccionando +Subir desde la Computadora.
5. Publica tus cambios.

Nota: El tamaño máximo para las cargas de video es de 50MB. El tamaño máximo para las cargas de subtítulos de video es de 50MB.

Resultado esperado: Tu video se reproduce en tu sitio web de Toast con los subtítulos SRT o VTT cargados habilitados para los espectadores.

Integrar con Instagram

Si tienes una cuenta de Instagram existente para tu negocio, puedes conectar tu cuenta de Instagram a tu sitio web de Toast. Una vez conectada, puedes importar fotos de Instagram directamente desde tu cuenta de Instagram a la galería de medios de tu sitio web de Toast, desde donde se pueden agregar a tu sitio web.

Navega a Sitios Web > Configuraciones e Integraciones > Integraciones Sociales y selecciona Conectar a Instagram. A continuación, se le guiará a través de los pasos para conectar su cuenta de Meta con Toast. Siga las indicaciones para subir fotos de su cuenta de Instagram a su Galería de Medios.

Volver al inicio

Banners y Ventanas Emergentes para Sitios de Toast

Hay tres tipos de banners que puede agregar a su página: Promocional, Función destacada y Persistente.

Banner Promocional

El banner promocional (también llamado banner de anuncio) aparece debajo de su barra de navegación y puede contener texto promocional que le gustaría resaltar a sus invitados, o contenido de otras partes de Toast Web (como Toast Loyalty).

Banner de Función Destacada

El banner de función destacada aparece en una ubicación seleccionada en su página. Puede agregar múltiples funciones destacadas, y los banners rotarán entre múltiples banners cada 4 segundos (algunos clientes describen esto como un carrusel o un banner que se mueve — vea la conversación 215473734009430). Una vez que active este modo, puede editar el color de fondo, la fuente y la ubicación, y puede seleccionar en cuáles de las páginas de su sitio web debe aparecer este banner. Puede agregar una descripción, un enlace URL opcional y detalles adicionales opcionales.

Banner Persistente

El banner persistente puede mostrarse en visitas al sitio web desde dispositivos móviles para promover una acción específica para los clientes.

Ventanas Emergentes

Las ventanas emergentes son otra forma de resaltar anuncios especiales a sus invitados.

Agregar una ventana emergente:

1. En el Editor del Sitio, selecciona el ícono de flecha para abrir la ventana Administrar Ventanas Emergentes.
2. Selecciona una de las opciones de ventana emergente Promociones o Formularios.
3. Selecciona la flecha en la ventana Administrar Ventanas Emergentes para mostrar una vista previa de la ventana emergente dentro del Editor.

Resultado esperado: Aparece una vista previa de tu ventana emergente seleccionada en el Editor del Sitio.

Personaliza una ventana emergente:

1. Selecciona la ventana emergente en la vista previa del Editor.
2. Selecciona el ícono de engranaje para personalizar tu ventana emergente.

1. Elige el estilo de la ventana emergente, la ubicación, las páginas en las que se mostrará y el tiempo (inmediatamente al cargar la página, o después de un número específico de segundos).
2. Si estás creando un formulario de ventana emergente, ingresa la dirección de correo electrónico para las envíos del formulario y un mensaje de éxito que aparecerá para informar a tus invitados que su envío fue exitoso.
3. Selecciona Editar ventana emergente para cambiar el texto, las imágenes y el estilo de la ventana emergente en sí.

4. Selecciona Listo para guardar tus cambios.

Resultado esperado: Tu ventana emergente personalizada se muestra con el estilo, la ubicación, el tiempo y el contenido seleccionados en las páginas que especificaste.

Habilitar o deshabilitar una ventana emergente:

1. Abre la configuración de Administrar Ventanas Emergentes.
2. Usa los interruptores para habilitar o deshabilitar una ventana emergente.

Resultado esperado: La ventana emergente está activa (o inactiva) en tu sitio web en vivo después de que publicas tus cambios.

Eliminar un pop-up:

1. Abre la configuración de Administrar Ventanas Emergentes.
2. Desactiva el pop-up usando su interruptor, o selecciona el pop-up y elimínalo de tu borrador del sitio web.
3. Publica tus cambios.

Resultado esperado: El pop-up eliminado ya no aparece en tu sitio web en vivo.

Volver al inicio

Añadir eventos a tu sitio web

1. En Toast Web, navega a Toast Web > Sitios web > Tu sitio web.
2. Selecciona Editar sitio.
3. Desde el panel de la izquierda, navega a Eventos.
4. Arrastra y suelta el evento en la sección deseada de tu sitio web.
5. Selecciona la caja del evento para ajustar la siguiente configuración:
   • Espaciado vertical
   • Color de fondo
   • Línea separadora
6. Selecciona+Añadir nuevo eventoe ingresa los siguientes detalles:
   • Nombre del evento
   • Descripción del evento
   • Fecha
   • Hora
   • Enlace
7. Después de completar tus ediciones, selecciona Añadir, luego selecciona Guardar en la esquina superior derecha para aplicar tus cambios.

Nota: Se pueden añadir un máximo de 10 eventos en la sección Añadir eventos en la página de Sitios web.

Resultado esperado: Tu evento aparece en el módulo de Eventos en la página a la que lo añadiste, con los detalles que ingresaste.

Volver al inicio

Widget de Reservas para Sitios Web de Toast

Al usar el widget de Reservas, los huéspedes pueden enviar reservas en tu sitio web según la configuración de tus Mesas Toast. Esto también incluye la capacidad de requerir un depósito para las reservas. Consulta "Primeros pasos con Toast Tables Deposits" para más información.

¿Quieres más información sobre Toast Tables? Consulta "Primeros pasos con Toast Tables".

Volver al inicio

Añadir reseñas de Google Business Profile a los sitios web de Toast

Cuando las reseñas de Google están conectadas a tu sitio web de Toast, Toast mostrará automáticamente tus calificaciones recientes de 4 y 5 estrellas para que los huéspedes puedan ver lo que otros han compartido sobre tu negocio. Cada vez que recibas una nueva reseña con calificación de 4 o 5 estrellas, tu sitio web se actualizará automáticamente. Ten en cuenta lo siguiente: Debes tener un perfil de Google Business ya creado para mostrar las reseñas de tu negocio en tu sitio web.

1. En Toast Web, navega a Toast Web > Sitios web > Editor y Branding.
2. Selecciona Editar sitio.
3. Si estás añadiendo reseñas de Google por primera vez, selecciona +Añadir en la navegación izquierda.
4. Arrastra y suelta el módulo Testimonios en la sección deseada.

Nota: Si no has conectado tu perfil de Google Business a tu sitio web de Toast, se te pedirá que lo hagas cuando arrastres y sueltes el módulo Testimonios en tu Editor de Sitios.

5. Selecciona Estoy de acuerdo con los siguientes términos de Toast, luego selecciona Conectar Google.
   
   

6. Una vez conectado, se mostrarán las 6 reseñas mejor calificadas en tu sitio web.
7. Guarda y publica tus cambios.

Si has añadido reseñas de Google a tu sitio web y deseas desactivar la función y/o añadir reseñas manualmente, desactiva Mostrar reseñas de Google. Guarda y publica tus cambios.

Resultado esperado: Tus reseñas de perfil de Google Business mejor calificadas de 4 y 5 estrellas se muestran en el módulo de Testimonios en tu sitio web en vivo y se actualizan automáticamente a medida que se reciben nuevas reseñas calificadas.

Volver al inicio

Agrega una lista de cervezas de Untappd a tu sitio web de Toast

Nota: Esta sección cubre la incorporación de una página de menú de Untappd en tu sitio web de Toast utilizando tu ID de ubicación de Untappd y el ID de tema. No es lo mismo que la integración del socio de POS de Untappd for Business que sincroniza los datos del menú con tu cuenta de Untappd. Para la integración del socio, consulta "Comienza con la integración de Untappd for Business".

Nota: Esta función solo es aplicable a clientes en los EE. UU.

Integra tu lista de cervezas de Untappd en tu sitio web de Toast para que los invitados sepan qué bebidas tienes disponibles en tu restaurante.

1. SeleccionaEditar sitio, luego en el menú desplegable de Página de inicio, selecciona +Agregar nueva página.

2. Selecciona Terceros, luego Página de menú de Untappd, luego Enviar.

3. Ingresa tu ID de ubicación y ID de tema, luego selecciona Enviar.

Nota: Si necesitas ayuda para localizar tu ID de ubicación o ID de tema, selecciona el enlace Haz clic aquí para obtener ayuda de Untappd o visita el sitio web de Untappd en Incrustar sitio web: Agregando menús a tu sitio web.

4. Una vez enviado, tendrás una lista de cervezas de Untappd añadida a tu sitio web. Visualízala navegando al Editor de sitio y seleccionando tu menú de lista de cervezas del menú desplegable de la página de inicio. Para hacer cambios, selecciona el icono de editar junto a la página de tu menú de lista de cervezas.

Nota: El contenido y la apariencia de tu lista de Untappd se gestionan a través de tu cuenta de Untappd. Para actualizarlos, visita Untappd y realiza tus cambios allí. Esos cambios se reflejarán automáticamente en tu sitio web de Toast. Untappd no está actualmente integrado con la funcionalidad del menú de Toast; las actualizaciones realizadas en uno no se reflejarán en el otro.

5. Una vez completado, Publica tus cambios.

Resultado esperado: Tu página de lista de cervezas de Untappd aparece en tu sitio web de Toast en vivo y refleja el contenido configurado en tu cuenta de Untappd.

¿La página del menú de Untappd tiene algún costo?

¿La página del menú de Untappd tiene algún costo? No hay costo adicional para incrustar tu menú de Untappd en tu sitio web de Toast, pero se requiere tener la integración de Untappd. Para aprender más sobre Untappd y cómo puede beneficiar a tu negocio, consulta Comienza con la integración de Untappd para negocios para más información.

Volver al inicio

Añadir un formulario de catering a tu sitio web de Toast

1. En Toast Web, navega a Toast Web > Sitios web > Tu sitio web.
2. Selecciona Editar sitio.
3. En la sección superior central de la página, abre el menú desplegable Página de inicio y selecciona +Agregar nueva página.
4. Aparece el pop-up de Agregar nueva página. Desde el panel de la izquierda, selecciona Catering.
5. Selecciona el formulario de catering de las opciones disponibles, luego selecciona Enviar.
6. Aparece un pop-up de Nombre de la página. Ingresa el nombre de página y la ruta URL deseados, luego selecciona Enviar para finalizar el proceso.

Nota: Para acceder al formulario de catering, debes tener una suscripción activa para Toast Catering & Events.

Resultado esperado: Tu página de formulario de catering aparece en el menú desplegable de páginas en tu sitio web de Toast e incrusta tu formulario de intake de Catering & Events seleccionado.

Volver al inicio

Añadir una página de compra de tarjetas de regalo a tu sitio web de Toast

1. En Toast Web, navega a Toast Web > Sitios web > Tu sitio web.
2. Selecciona Editar sitio.
3. En la sección superior central de la página, abre el menú desplegable Página de inicio y selecciona +Agregar nueva página.
4. Aparece el pop-up de Agregar nueva página. Desde el panel de la izquierda, selecciona Tarjetas de regalo.
5. Selecciona la Página de compra de tarjetas de regalo de las opciones disponibles, luego selecciona Enviar.
6. Aparece un pop-up de Nombre de la página. Ingresa el nombre de la página deseada y la ruta de URL, luego selecciona Enviar para finalizar el proceso.

Nota: Para acceder a la Página de Compra de Tarjetas de Regalo, debes tener una suscripción activa para las Tarjetas de Regalo de Toast.

Resultado esperado: Tu página de compra de Tarjetas de Regalo aparece en el menú desplegable de tu sitio web de Toast y permite a los invitados comprar tarjetas de regalo directamente.

Volver al inicio

Agregar Widgets Embebidos Externos

Nota: Los Widgets Personalizados no están disponibles para clientes en Australia, Canadá, Irlanda y el Reino Unido.

Para agregar un widget embebido externo a tu sitio, sigue estos pasos:

1. En Toast Web, navega a Toast Web > Sitios Web > Tu Sitio Web.
2. Selecciona Editar sitio.
3. Selecciona Componentes del Sitio, luego desplázate hacia abajo hasta HTML Embebido.
4. Arrastra el Bloque de Código a la ubicación deseada en tu sitio donde quieras agregar el widget embebido.
5. El bloque mostrará el mensaje: Aún no hay nada aquí.
6. Selecciona la caja Aún no hay nada aquí para abrir las opciones de Personalizar.
7. Ingresa tu código HTML para el widget embebido. Ejemplos de widgets embebibles incluyen:
   • Videos de YouTube
   • Formularios de MailChimp
   • Scripts Personalizados (deben ser HTTPS y capaces de renderizarse dentro de un iframe)
   • Formularios de Google
8. Una vez que hayas completado tus ediciones, selecciona Guardar en la esquina superior derecha para aplicar los cambios.

Nota: Los Scripts Personalizados te permiten integrar mejor características externas, no de Toast, con tu sitio web de Toast sin necesidad de una integración específica. Este componente no interactuará directamente con ningún contenido en su sitio web de Toast, y no estará estilizado para coincidir con su sitio web de Toast. Para su mejor experiencia, se recomienda trabajar con las funciones y productos de Toast.

Resultado esperado: Su widget incrustado se renderiza dentro del módulo de Bloque de Código en su sitio web en vivo.

Volver al inicio

Herramientas de Contenido de IA Generativa para Sitios Web de Toast

Si necesita ayuda para generar contenido para su sitio web, puede utilizar la herramienta de inteligencia artificial (IA) generativa en el Editor de Sitios. Esta herramienta ayuda a crear contenido escrito personalizado para la experiencia que desea ofrecer, para ayudarle a acercar su sitio al lanzamiento. Para asegurarse de que está utilizando las herramientas de IA generativa de Toast, consulte "Herramientas de IA Generativa de Toast: Uso Responsable para Clientes".

1. En Toast Web, navegue a Toast Web > Sitios Web > Editar página.
2. Revise los términos de servicio del asistente de sitio web impulsado por IA de Toast y seleccione Aceptar o Cerrar. Si selecciona Cerrar, puede volver a visitar y aceptar los términos desde la página de Configuración de sus Sitios Web.
3. Seleccione cualquier módulo de cuadro de texto en el borrador de su sitio web y use el botón Asistente de IA.

4. Dentro del módulo de IA, ingrese un aviso para informar al modelo de IA lo que desea decir. El asistente de IA genera contenido basado en su aviso o en sugerencias de IA predefinidas. Una vez que se genera el contenido, puede revisarlo conEdiciones Rápidas de IA:
   • Reescribirlo de manera diferente
   • Ajustar para claridad
   • Corregir la gramática
   • Ajustar longitud

5. Una vez que esté satisfecho con sus actualizaciones, Publique sus cambios.

Resultado esperado: Su módulo de texto seleccionado se actualiza con contenido generado por IA que refleja su solicitud y cualquier Edición Rápida de IA que haya aplicado.

Volver al inicio

Configurar Menús del Sitio

Al configurar sus menús en el Editor del Sitio, puede seleccionar el módulo de menú para hacer ediciones que se sincronicen con los datos de su menú en Toast Web. Esto le permite promocionar elementos de menú específicos o grupos de menú en lugares distintos a su menú y crear un diseño de menú único.

Agregar un Componente de Elementos de Menú

1. En Toast Web, navega a Toast Web > Sitios web > Editar sitio.
2. Navegue a Componentes del Sitio > Componentes del Restaurante > Menú.
3. Arrastre y suelte el componente Menú en el área deseada de su menú. Puede cambiar el tamaño del componente directamente en el módulo.
4. Seleccione el componente Elemento de Menú, el elemento de menú que le gustaría destacar, y la información que desea que sea visible.
5. Una vez completado, Publica tus cambios.

Resultado esperado: Su elemento de menú seleccionado se muestra en el componente de Elementos de Menú en la página a la que lo agregó.

Agregar un Componente de Grupo de Menú

1. En Toast Web, navega a Toast Web > Sitios web > Editar sitio.
2. Navegue a Componentes del Restaurante > Menú.
3. Arrastre y suelte el módulo Menú en su editor.
4. Seleccione el módulo y seleccione Grupo de Menú del menú desplegable. Luego seleccione el grupo de menú deseado que le gustaría mostrar. Nota: El módulo se puede redimensionar o mover una vez agregado.
5. Una vez completado, seleccione Publicar.

Resultado esperado: Su grupo de menú seleccionado se muestra en el módulo de Grupo de Menú en la página a la que lo agregó.

Menús Personalizados

La función de Menús Personalizados te permite ajustar el diseño y la apariencia de tus menús de solo vista con mucha mayor flexibilidad.

1. En Toast Web, navega a Toast Web > Sitios web > Tu sitio web.
2. Selecciona Editar sitio.
3. Ubica el menú desplegable que lista las páginas de tu sitio web en el Editor de Sitios.
4. Dentro del menú desplegable, selecciona +Agregar nueva página.
5. En la nueva ventana, selecciona Menú en el panel de la izquierda.
6. Selecciona una de las tres opciones disponibles: Página de Menú de Plantilla Estándar, Página de Menú de Plantilla de Texto, o Página de Menú en Blanco.
7. Selecciona Enviar.
8. Agrega un nombre para la página, luego selecciona Enviar nuevamente.

Ahora tienes una página de menú preconfigurada y personalizable construida con la tecnología de componentes del sitio de Toast. Estos componentes del sitio están conectados a tus datos de menú existentes a través de tus grupos de menú. Para aprender más sobre los grupos de menú, consulta "Crear y gestionar menús, grupos de menú y subgrupos".

Con la función de Menús Personalizados, tus componentes del sitio pueden ser reorganizados o reestructurados en cualquier momento arrastrando dentro de tu Editor de Sitios. Puedes generar texto para esta página usando tu Asistente de IA, agregar un componente que resalte un elemento de menú específico, o cambiar el diseño de los elementos individuales dentro de tus componentes de grupos de menú agregando o eliminando imágenes y precios según prefieras.

Esta página está construida igual que cualquier otra página en tu sitio web de Toast, por lo que también puedes agregar contenido adicional, como un componente del sitio para reservas, testimonios y más.

Resultado esperado: Aparece una nueva página de Menú Personalizado en tu menú desplegable con la plantilla que seleccionaste y tus datos de menú existentes conectados.

Constructor de Menú Solo Vista

La visibilidad del canal para tu sitio web de Toast se gestiona en Toast Web > Menús > Gestión de menús > Constructor de menús bajo Visibilidad del Canal. Para alternar el canal Websites Solo Vista para un menú, consulta la sección "Visibilidad del Canal" en "Gestiona la Configuración de Visibilidad de tu Menú".

Volver al inicio

Personaliza el Tema de tu Sitio Web, Tipografía, Logo y Favicon

1. En Toast Web, navega a Toast Web > Sitios Web > Tu sitio web.
2. Selecciona Editar Sitio.
3. Desde el panel de la izquierda, selecciona Estilos del sitio.

Tema de color

• Temas generados automáticamente — recomendados para combinaciones de colores óptimas y accesibilidad con configuraciones predeterminadas. Puedes habilitar o deshabilitar esta función y editar manualmente los colores predeterminados.
• Tema de color — selecciona un tema y elige el color de tu marca. Cambiar el color de tu tema cambiará automáticamente tus cuatro opciones de tema automatizadas.
• Edit Defaults— modificar los colores que son parte de un tema puede llevar a combinaciones incompatibles y a una menor accesibilidad. Puedes modificar los siguientes elementos de color:
  • Superficie
  • Texto
  • Ícono
  • Fondo
  • Borde

Tema de Texto (Tipografía)

Utiliza el selector de estilo de fuente con combinaciones recomendadas:

• Texto Primario — selecciona entre la variedad de fuentes disponibles.
• Texto Secundario — selecciona entre la variedad de fuentes disponibles.
• Cargar fuentes personalizadas — tipos de archivo permitidos: .otf, .ttf, .woff.

Animaciones

Anima secciones de las páginas de tu sitio web para que aparezcan a medida que los visitantes desplazan.

Logo

Carga tu logo en tu sitio web:

• Tipos de archivo soportados: jpg, jpeg, png, webp, svg
• Tamaño máximo del archivo: 5MB
• Tamaño del logo: Estándar o Desbordamiento

Favicon

Carga un favicon para mostrar en la barra de pestañas del navegador:

• Tipos de archivo soportados: jpg, jpeg, png, webp, svg
• Tamaño máximo del archivo: 5MB

Resultado esperado: Después de completar tus ediciones, selecciona Guardar en la esquina superior derecha de la página para aplicar tus cambios. Su sitio web ahora refleja el tema de color, la tipografía, el logo y el favicon elegidos.

Volver al inicio

Vista previa y publicar su sitio web

Al realizar cambios en su sitio web en el Editor de Sitios, seleccione Publicar para enviar esos cambios a su sitio en vivo. En el Panel de Websites, puede acceder a su enlace de Vista previa para probar la funcionalidad de todas las páginas y contenido que ha creado, tal como lo verían sus invitados. Su menú ahora aparecerá en su Menú de Solo Vista para su sitio web.

Volver al inicio

Recorrido en video

¿Desea ver un video de las características de Toast Websites en acción? Esta colección incluye:

• Sección de bienvenida a tamaño completo y nuevas opciones de ajuste de imágenes (2:42)
• Nuevas opciones para renombrar la navegación y el encabezado (1:22)
• Relleno de sección y control del mapa (1:14)
• Fuentes y hipervínculos en la edición de texto (1:24)
• Demostración del módulo de eventos (2:04)
• Agregar enlaces a imágenes (1:16)

Seleccione el ícono de capítulos en la esquina superior izquierda del video para navegar a una sección específica.

Sección de bienvenida a tamaño completo de Toast Websites y nuevas opciones de ajuste de imágenes:

1. Agregue un módulo de imagen de bienvenida a tamaño completo para causar una fuerte impresión visual en sus invitados.
2. Ajuste la posición del cuadro de texto y agregue texto.
3. Personalice el color del cuadro para que se mezcle con el fondo.
4. Desactive los botones innecesarios.
5. Usa el interruptor para ajustar el espacio de la foto y mostrar la imagen completa. Revisa la imagen completa.
6. Observa la relación de aspecto de la imagen, adaptándote a los cambios de tamaño de pantalla.
7. Guarda y Publica los cambios.

Volver al inicio

Preguntas frecuentes

¿Por qué no se muestran mis ediciones en mi sitio web en vivo?

Tus ediciones no se muestran en tu sitio web en vivo porque los cambios que realizas en el Editor de Sitios se guardan en un borrador, y tus ediciones no aparecen en tu sitio web en vivo hasta que selecciones Publicar en la esquina superior derecha. Si ya has seleccionado Publicar y tus ediciones aún no se reflejan, consulta "No se pueden publicar cambios en Toast Web" para obtener orientación; ese artículo cubre el permiso de publicación 6.4 y la solución de problemas relacionada.

¿Cómo cambio las horas de operación que se muestran en mi sitio web?

Para cambiar las horas de operación que se muestran en tu sitio web, las horas provienen de las horas de tu ubicación en Toast Web. Para mostrarlas en el pie de página de tu sitio web, abre el Editor de Sitios, selecciona el pie de página, desplázate hacia abajo hasta la sección Todas las horas y selecciona Usar horas de ubicación. Guarda y publica tus cambios. El interruptor de Ubicaciones en Otras configuraciones del pie de página debe estar habilitado para que las horas aparezcan.

Nota: La barra lateral de edición de horas no aparece en las páginas de Pedido en línea o Menú. Para actualizar tus horas, navega a una página diferente (por ejemplo, tu página de inicio o la página Acerca de nosotros) y edita el pie de página desde allí.

¿Cómo oculto o muestro una página?

Para ocultar o mostrar una página en tu sitio web de Toast, haz clic en la barra de navegación en el Editor de Sitios. A continuación, haz clic en los tres puntos junto a la página que deseas ocultar y selecciona Ocultar. Guarda y publica los cambios.

¿Cómo añado Google Analytics o código de seguimiento a mi sitio web de Toast?

Para añadir Google Analytics o código de seguimiento a tu sitio web de Toast, utiliza el componente de sitio HTML incrustado. En el Editor de Sitios, navega a Componentes del sitio, desplázate a HTML incrustado, arrastra un Bloque de código a la ubicación deseada e ingresa tu HTML de seguimiento. Vea Agregar widgets incrustados externos en este artículo para el procedimiento completo.

¿Dónde cambio mi logo y la imagen del banner?

¿Dónde cambias tu logo y la imagen del banner? Tu logo se establece en Estilos del sitio > Logos en el Editor del sitio — consulta Personaliza el tema de tu sitio web, tipografía, logo y favicon para el procedimiento. La imagen del banner en tu página de pedidos en línea se gestiona por separado:

• • Si compraste Online Ordering Pro antes de febrero de 2024, la imagen del banner para tu página de pedidos en línea se gestiona en Toast Web > Para llevar y entrega > Marca y personalización. Consulta "Optimiza Online Ordering Pro con banners de página".
  • Para los banners de página del sitio web (los banners promocionales, de destacado y persistentes que aparecen en tus páginas de Toast Website), consulta Banners y ventanas emergentes para sitios web de Toast.

¿Puede mi sitio web verse diferente en móvil y escritorio?

¿Puede tu sitio web verse diferente en móvil y escritorio? La opción de banner persistente (descrita en Banner persistente) es solo para móviles y se puede usar para promover una acción específica en visitas móviles.

Para previsualizar cómo se ve la versión móvil de tu sitio web, haz clic en el interruptor de móvil en la parte superior del editor. Esto mostrará cómo está formateado tu sitio web cuando los invitados acceden a él en sus dispositivos móviles.

¿La integración de Untappd cuesta algo?

¿La integración de Untappd cuesta algo? La respuesta depende de qué oferta de Untappd:

• • La página de menú de Untappd incrustada en un sitio web de Toast (usando tu ID de ubicación y ID de tema — consulta Agrega una lista de cervezas de Untappd a tu sitio web de Toast) puede requerir una suscripción activa de Untappd gestionada a través de tu cuenta de Untappd.
  • La integración de Untappd for Business POS es un producto separado de pago. Consulta "Comienza con la integración de Untappd for Business".

Volver al inicio

Artículos relacionados

• Primeros pasos con Sitios web de Toast
• Gestionar la configuración de visibilidad de tu menú
• Optimizar Online Ordering Pro con banners de página
• Dominios para Sitios web de Toast y Online Ordering Pro
• Obtener ayuda con Sitios web de Toast

Volver al inicio