En tu propia web

El botón#

Una línea en tu web y abajo a la derecha aparece un botón «Pedir online». Un clic abre la página de pedidos por encima de tu web, sin que el visitante la abandone. Tu diseño no cambia en nada.

El código listo lo encuentras en el panel, en el resumen, en Ajustes en la pestaña Marca y tienda, y al final del asistente. Lleva tu nombre corto y solo funciona para tu local.

Lo compones en lugar de solo copiarlo. En el resumen un selector decide si el botón abre el pedido o la reserva de mesa; en los ajustes el recuadro correspondiente aparece una vez en Marca y tienda (pedido) y otra en Reservas (mesa). En todas partes hay un campo para la etiqueta: si lo dejas vacío, el botón pone «Pedir online» o «Reservar mesa», y quien prefiera «A nuestro reparto» lo escribe. El código de abajo cambia con ello.

Fijo en la página#

Si quieres la página de pedidos en un sitio concreto, por ejemplo bajo un título «Pedir», pon ahí la misma línea y añade un dato. Entonces queda como un bloque dentro de la página y crece con ella.

Reserva en vez de pedido#

La misma línea abre también la reserva de mesa si se añade un dato. El código listo está en el panel, en Ajustes, pestaña Reservas, una vez como botón y otra fijo en la página.

Las dos a la vez funcionan: quien ofrece pedidos y reservas pone las dos líneas. Los botones se apilan en lugar de taparse, y solo hay una ventana abierta a la vez. Abrir una cierra la otra.

Las reservas pertenecen al plan Pro. El botón de pedido está en todos.

⚠️ Una diferencia que solo se ve con el uso: la reserva integrada NO muestra ningún camino de vuelta a la carta. Está en tu web, tu visitante ya está ahí, y un enlace hacia fuera lo sacaría de la reserva que acaba de empezar. En la dirección independiente (tu-restaurante.flavoso.com/reserve, la que va en un flyer o en tu ficha de Google) el camino a la carta sí está: ahí es el único.

Con qué funciona#

En cualquier sitio donde se pueda insertar HTML propio. Probado con Wix, WordPress, Squarespace, Webflow, Jimdo e IONOS.

La guía paso a paso para esos seis está en flavoso.com/es/embed, con una pestaña por editor y una página de ejemplo completa. Allí donde en el panel aparece el código de inserción, un botón «Guía» lleva hasta ella en una pestaña nueva: en el resumen, en Ajustes en la pestaña Marca y en Reservas.

Quien no pueda insertar código simplemente enlaza a su propia dirección de pedidos. Eso funciona siempre y para muchos locales es la mejor solución.

Comprobar que está puesto#

El asistente y los ajustes traen una comprobación: escribes la dirección de tu web y Flavoso mira si el código se carga de verdad ahí. Eso ahorra la vuelta de «lo he pegado y no pasa nada».