Optimizar Sitios web de Toast

Los sitios web de Toast son un producto dentro de la Suite Digital Storefront Pro. ¡Navega a la Tienda Toast ahora para suscribirte!

¿Creando tu sitio web por primera vez? Consulta este artículo de Toast Central, Comenzar con los Sitios web de Toast, para obtener una visión general de la configuración inicial y la edición básica de contenido. También puedes ver las próximas actualizaciones sobre las últimas características en Toast Web navegando a Sitios web. 

En este artículo: 

• Actualizar el Diseño del Sitio Web
• Personaliza tu Barra de Navegación y Pie de Página
• Añadir y Gestionar Páginas
  • Añadir una Lista de Cervezas Untappd
  • Media
    • Galería multimedia
    • Subtítulos de Video para Sitios web de Toast

Actualizar el Diseño del Sitio Web

Navega a Sitios Web > Editar Sitio en para realizar cambios en todo el sitio en el logo, colores o texto de tu sitio web. La opción Plantilla del Sitio estará deshabilitada después de tu configuración inicial de Toast Websites, pero tienes la opción de cambiar tu diseño en cualquier momento utilizando las funciones dentro del Editor. Consulta la sección de este artículo para más detalles.
 

Personaliza tu Barra de Navegación y Pie de Página para Sitios Web

Puedes personalizar tu barra de navegación en cualquiera de tus páginas en el Editor de Sitios Web. En tu Editor de Sitios Web, haz clic en la barra de navegación para abrir el menú Actualizar Barra de Navegación en el lado derecho de la pantalla. 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. 

Activar Superpuesto moverá la barra de navegación como una capa encima de el contenido de la página. Cuando esto está desactivado, la barra de navegación es un elemento separado, y el contenido de la página comienza directamente debajo de ella.  Activar la configuración Fijo significa que la barra de navegación permanecerá visible en la parte superior de la página, incluso cuando alguien se desplace más abajo. Cuando esto está desactivado, la barra de navegación no será visible si alguien se desplaza hacia abajo en la página. CTA Primario es un botón destacado que se puede agregar a tu barra de navegación. Actívalo y luego selecciona el botón mismo para actualizar a qué se vincula (como tu menú de pedidos en línea). Puedes actualizar el diseño de tu encabezado para cambiar cómo se organizan el logo y los enlaces.   Nota: También puedes seleccionar si deseas que el carrito de compras sea visible en cada página activando Mostrar carrito a Activado. Asegúrate de publicar tus cambios.

Si tienes un estilo de barra de navegación con enlaces visibles, seleccionar esos enlaces abrirá la ventana Actualizar lista de navegación, donde puedes reorganizar, ocultar, editar o eliminar las páginas que aparecen en tu barra de navegación. Hacer clic y arrastrar una página a la derecha debajo de otra página creará un menú desplegable en tu barra de navegación, como se muestra a continuación: 

Seleccionar tu pie de página te permitirá 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. 

Activa Otras configuraciones según lo desees 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. 

¿Buscas personalizar aún más tu área de pie de página?  Consulta en este artículo para más información. 

Nota: 

• El interruptor para Ubicaciones debe estar activado para que la sección de 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 simple verificación puede resolver problemas de conectividad y asegurar un acceso adecuado a los recursos web.

Agregar y gestionar páginas para sitios web

Puedes usar el menú desplegable de páginas en la parte superior del Editor de sitios web para agregar, eliminar y reorganizar las páginas de tu sitio web.

Para tus páginas de Menú y Pedido en Línea, verás la opción de Cambiar plantilla en la parte superior del Editor. Esto te permitirá decidir si deseas mostrar imágenes y cómo deseas que aparezcan las imágenes y los elementos del menú en estas páginas. Ten en cuenta que solo estarás ajustando el estilo de tus menús. Si necesitas cambiar nombres, precios o grupos de menú, deberías hacerlo con las herramientas habituales de edición de menú de Toast.

Si seleccionas + Agregar 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. Podrás 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 de formulario, asegúrate de hacerlo 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. 
• Fidelidad - si tu restaurante utiliza Toast Loyalty, puedes crear una página de registro de fidelidad dedicada con una marca consistente y una URL apropiada. Todas las configuraciones y el texto legal se extraen directamente de tu configuración de Toast Loyalty.
• Marketing por correo electrónico - 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 texto legal se extraen directamente de tu configuración de Marketing por correo electrónico.
• 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.
• Tarjetas de regalo - si tu restaurante utiliza Toast Gift Cards, puedes incrustar una página en tu sitio que permitirá la compra de tarjetas de regalo. Todo el contenido y las configuraciones se gestionan en tu configuración de Tarjeta de Regalo.
• Pagina en blanco - crea una página sin bloques de contenido, que puedes agregar y personalizar como desees. 

Agregar una lista de cervezas Untappd para sitios web

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

1. Selecciona Editor de sitio, luego en el menú desplegable Página de inicio, +Agregar nueva página.
   
   
   
   
2. A continuación, selecciona Página de menú de terceros > Untappd > Enviar.
   
   
   
   
3. Ingresa tu ID de ubicación y ID de tema, luego Enviar.
   1. Nota: Si necesitas ayuda para localizar tu ID de ubicación o ID de tema, selecciona el Haz clic aquí para el enlace de ayuda de Untappd o visita el sitio web de Untappd .
      
      
      
      
4. Una vez enviado, tendrás una lista de cervezas Untappd añadida a tu sitio web, que se puede ver navegando a Editor y seleccionando el menú de tu lista de cervezas desde el menú desplegable de la Página de inicio. Ahora puedes interactuar con la página.  Si deseas hacer algún cambio, selecciona el ícono de editar junto a la página de menú de tu lista de cervezas para realizar los cambios.
   1. 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 haz 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, Publicar tus cambios.

Personaliza módulos en tus páginas para sitios web

Los módulos son los bloques de contenido que componen las páginas de su sitio web. Pasar el cursor sobre un módulo le permite moverlo hacia arriba o hacia abajo en la página, eliminarlo o duplicarlo. 

 

Puede hacer clic en 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 le permitirá actualizar el texto, el estilo y el enlace.

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

Pasar el cursor sobre una imagen le dará la opción de reemplazarla rápidamente, o puede hacer clic en 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 le permite recortar, rotar o voltear una imagen directamente dentro del Editor de Sitios Web, para que pueda asegurarse de que está mostrando exactamente lo que desea que vean sus invitados. Cuando suba una imagen, escanearemos automáticamente la foto y generaremos una descripción que puede usar para el texto alternativo para mejorar la accesibilidad y ayudar en la optimización para motores de búsqueda. Puede editar este texto alternativo en cualquier momento. Todas las imágenes que suba se almacenan en la galería de imágenes de Toast Websites, por lo que cada vez que desee agregar o reemplazar una imagen en su sitio, puede elegir fácilmente entre cualquier imagen que haya subido en el pasado. Esto también incluye cualquier imagen que haya subido para sus elementos de menú. 
 

 

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

 

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 de menú destacados y recomendaciones de venta adicional de artículo en Toast Web.

Multimedia para Sitios web de Toast

Media Gallery

Ve 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 Websites > Galería multimedia.
2. Navegando a la pestaña Cargar , puedes seleccionar +Cargar desde la computadora o arrastrar y soltar 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 multimedia en la pestaña de Instagram. Si deseas más información, puedes consultar en este artículo. Una vez integrado, las imágenes de tu cuenta de Instagram se mostrarán en tu galería multimedia. 

Subtítulos de video para Sitios web de Toast

Al agregar multimedia a tu Sitio web de Toast, puedes aprovechar la herramienta de subtítulos de video siguiendo los pasos a continuación.

1. Inicia sesión en y navega a Websites y selecciona Editar sitio.
2. En el Editor, sube tu video arrastrando y soltando el archivo de video en tu sitio o selecciona +Subir desde la computadora o selecciona tu video existente en tu página. Nota: El tamaño máximo para las subidas de video es de 50MB.
3. Una vez que la subida del video esté completa, navega a Subida de subtítulos de video.
4. Sube tu video arrastrando y soltando el archivo de video en tu sitio o selecciona +Subir desde la computadora. Aquí puedes subir tu archivo de subtítulos de video SRT o VTT. Nota: El tamaño máximo para las subidas de subtítulos de video es de 50MB.
5. Publica tus cambios.

Integra los Sitios web de Toast con Instagram

Si tienes una cuenta de Instagram existente para tu negocio, puedes conectar tu cuenta de Instagram a tu Sitio web de Toast usando tus credenciales de Instagram. Una vez conectado, puedes importar fotos de Instagram directamente desde tu cuenta de Instagram a la galería de medios de tu Sitio web de Toast, desde la cual luego se pueden agregar a tu sitio web. Consulta y sigue los pasos bajo API de Visualización Básica de Instagram para comenzar.

Agregar formulario de catering a tu Sitio web de Toast

1. Inicia sesión en y navega a Sitios web > Tu sitio web.
2. Haz clic en el botón 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. El pop-up de Agregar nueva página aparecerá. Desde el panel de la izquierda, selecciona Catering.
5. Selecciona el formulario de Catering de las opciones disponibles, luego haz clic en Enviar.
6. Aparecerá un pop-up de Nombre de página. Ingresa el nombre de página y la ruta URL deseados, luego haz clic en Enviar para finalizar el proceso.

Nota: Para acceder al formulario de Catering, debes tener una suscripción activa para Catering y eventos de Toast.

Agregar página de compra de tarjeta de regalo a tu sitio web de Toast

1. Inicia sesión en y navega a Sitios web > Tu sitio web.
2. Haz clic en el botón 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. El pop-up de Agregar nueva página aparecerá. 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 haz clic en Enviar.
6. Aparecerá un pop-up de Nombre de página. Ingresa el nombre de página y la ruta URL deseados, luego haz clic en 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 Tarjetas de regalo Toast.

Banners y ventanas emergentes para sitios web

Hay dos tipos de banners que puedes agregar a tu página:

• Banner promocional: Este banner aparece debajo de tu barra de navegación y puede contener texto promocional que te gustaría resaltar para tus invitados, o contenido de otras partes de Toast Web (como Fidelidad con Toast).
• Banner de función de destacados: Este tipo de banner aparecerá en una ubicación seleccionada en tu página. Puedes agregar múltiples funciones de destacados, y los banners se moverán para mostrar los banners adicionales después de 4 segundos. Una vez que habilites este modo, podrás editar el color de fondo, la fuente y la ubicación, y podrás seleccionar en qué páginas de tu sitio web debe aparecer este banner. Podrás agregar una descripción, un enlace URL opcional y detalles adicionales opcionales.
• Banner persistente: Este tipo de banner se puede mostrar en visitas a sitios web desde dispositivos móviles para promover una acción específica para los clientes.

Las ventanas emergentes son otra forma de resaltar anuncios especiales para tus invitados. Selecciona una de las opciones de ventana emergente Promos o Formularios, y luego selecciona el flecha en la ventana de administrar ventanas emergentes para mostrar una vista previa de la ventana emergente dentro del Editor. 
 

 

Selecciona el pop-up en la vista previa del Editor, y luego selecciona el icono de engranaje para personalizar tu pop-up.
 

 

Aquí, puedes seleccionar el estilo del pop-up, 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). Si estás creando un formulario de pop-up, también podrás agregar la dirección de correo electrónico para las presentaciones del formulario y un mensaje de éxito que aparecerá para informar a tus invitados que su presentación fue exitosa. 

Si seleccionas Editar pop-up, podrás cambiar el texto, las imágenes y el estilo del pop-up en sí.
 

 

Selecciona Listo para guardar tus cambios.

Si deseas activar o desactivar un pop-up, puedes hacerlo utilizando los interruptores de la configuración de Administrar Pop-ups.
 

Agregar Eventos a Tu Sitio Web

1. Inicia sesión en y navega a Sitios web > Tu sitio web.
2. Haz clic en el botón 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. Haz clic en la caja del evento, donde puedes ajustar las siguientes configuraciones:
   
   • Espaciado vertical
   • Color de fondo
   • Línea separadora
6. Selecciona el +Agregar nuevo evento y completa los siguientes detalles:
   • Nombre del evento
   • Descripción del evento
   • Fecha
   • Horario
   • Enlace
7. Después de completar tus ediciones, haz clic en Agregar, luego selecciona Guardar en la esquina superior derecha para aplicar tus cambios.

Nota: Solo se puede agregar un máximo de 10 eventos en la sección Agregar Eventos en la página de Sitios Web.

Reservas para Sitios Web

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

¿Quieres más información sobre Toast Tables? Consulta en Toast Central.

Añadir Widgets Embebidos Externos

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

Herramientas de IA Generativa para Sitios Web

Si necesitas ayuda para generar contenido para tu sitio web, puedes usar la herramienta de inteligencia artificial (IA) generativa en el editor de sitios web. Esta herramienta ayudará a crear contenido escrito personalizado para la experiencia que deseas ofrecer para acercar tu sitio al lanzamiento. Para asegurarte de que estás utilizando las herramientas de IA generativa de Toast, consulta .

1. Inicia sesión en y navega a Sitios Web > Editar página (botón). 
2. Revisa los términos de servicio del asistente de sitios web impulsado por IA de Toast y selecciona Aceptar o Cerrar. Si seleccionas Cerrar, puedes volver a visitar y aceptar los términos desde tu página de Configuraciones de Sitios Web.
3. A continuación, selecciona cualquier módulo de cuadro de texto en tu borrador de sitio web y utiliza el botón Asistente de IA. 
   
   
   
   
4. Dentro del módulo de IA, puedes ingresar un aviso para informar al modelo de IA lo que deseas decir.  El asistente de IA generará contenido basado en tu aviso ingresado o en sugerencias de IA predefinidas. Una vez que se genere el contenido, tienes la opción de seleccionar lo siguiente para revisar el contenido generado con Ediciones Rápidas de IA:
   1. Reescribirlo de manera diferente 
   2. Ajustar para claridad 
   3. Corregir la gramática
   4. Ajustar longitud 
      
      
      
      
5. Una vez que esté satisfecho con sus actualizaciones, Publique sus cambios. 

Configurar Menús de Sitios Web

Al configurar sus menús en el editor de Sitios Web, puede seleccionar el módulo de menú para hacer ediciones que se sincronicen con los datos de menú de 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. 

Componentes de Elementos de Menú de Sitios Web 

1. En Toast Web, navegue a Sitios Web > Editar Sitio. 
2. Navegue a Componentes del Sitio > Elementos de Menú.
3. Arrastre y suelte el Elemento de Menú componente en el área deseada de su menú. Nota: puede cambiar el tamaño del componente directamente en el módulo.
4. Seleccione el componente, el elemento de menú que le gustaría destacar y la información que le gustaría que fuera visible. ​
5. Una vez completado, Publique sus cambios. 

Componente de Grupo de Menú de Sitios Web

1. En Toast Web, navegue a Sitios Web > Editar Sitio. 
2. Navegue a Componentes de Menú > Grupos de Menú.
3. Arrastre y suelte el Grupo de Menú módulo en su editor.
4. Seleccione el módulo y seleccione el grupo de menú disponible para su restaurante en el menú desplegable. Nota: El módulo se puede redimensionar o mover una vez agregado.
5. Una vez completado, seleccione Publique. 

1. Inicie sesión en Toast Web y navegue hasta el Constructor de Menú.
2. Seleccione cualquier Menú, luego seleccione Editar.
   
   
   
   
3. Desplácese hacia abajo hasta Visibilidad del Canal para ver Websites Solo Vista como un interruptor.
4. Active esto para cualquier menú que desee que aparezca en su Menú Solo Vista.
5. Guarda y publica los cambios de su menú.

Nota:

• Si espera ver el menú Websites Solo Vista como un interruptor y no lo ve, confirme que tiene sitios web habilitados en su cuenta de Toast.
• Si no está viendo sus actualizaciones en el menú de su sitio web de Toast, confirme que guardó y publicó los cambios de configuración de su menú después de activar Websites Solo Vista a Activado.

Menús Personalizados

• Sección de bienvenida a tamaño completo y nuevas opciones de ajuste de imágenes (2:42)
• Nuevas opciones para renombrar navegación y encabezado (1:22)
• Control de relleno de sección y 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)

1. Agrega un módulo de imagen de bienvenida de tamaño completo para causar una fuerte impresión visual en tus invitados.
2. Ajusta la posición del cuadro de texto y agrega texto.
3. Personaliza el color del cuadro para que se mezcle con el fondo.
4. Desactiva los botones innecesarios.
5. Usa el interruptor para ajustar el espacio de la foto y mostrar la imagen completa. Revisa la imagen completa.