Pedido online en su propio sitio web

El widget «Pedido online» añade la recepción de pedidos al sitio web que ya tiene. No hay que trasladar ni maquetar nada de nuevo: el widget lee las páginas de su sitio, coloca en ellas botones «Añadir al carrito» y gestiona el carrito y el proceso de pedido por encima de su maquetación.

Dónde: Marketing → «Mi sitio web» → tarjeta «Pedido online» → engranaje. El código de instalación es común para todos los widgets; consulte Mi sitio web.

Cuatro modos de funcionamiento#

Modo	Qué ve el visitante	Cuándo elegirlo
Escaparate propio	Botón «Pedir»; al hacer clic se abre su escaparate con menú y carrito sobre la página	Web de presentación, página de destino, blog: no hay productos en las páginas
Sobre el sitio web	Nuestros botones «Añadir al carrito» directamente en su maquetación: en la ficha de producto y en el catálogo; el carrito, en la esquina de la pantalla	El sitio ya tiene un catálogo de productos, pero no recepción de pedidos (o esta no es cómoda)
Sustituir botones	Lo mismo, más los botones nativos de «comprar» y el carrito del sitio quedan ocultos	Quiere que todos los pedidos pasen solo por nosotros
Intercepción total	El sitio parece intacto: los botones siguen siendo los nativos, pero al pulsarlos el producto pasa a nuestro carrito, al ir al carrito del sitio se abre el nuestro, y los contadores y las sumas muestran nuestras cifras	El escaparate ya está bien maquetado y no quiere cambiar su aspecto, pero los pedidos y los precios deben ser nuestros

Escaneo del sitio web#

Todos los modos, excepto el de «escaparate propio», funcionan con un mapa del sitio: dónde están en sus páginas el nombre del producto, el precio, la imagen, el botón de compra nativo y el carrito nativo.

El mapa lo construye el escáner: indique la dirección y pulse «Escanear sitio web»; normalmente, de 1 a 3 minutos. Dentro:

Ajustes predefinidos de plataformas: hay un conjunto listo de selectores para ocho plataformas: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. El escáner reconoce por huella también Ecwid, Squarespace y Wix, pero no hay ajuste predefinido para ellos: el mapa se construye mediante análisis con IA;
Análisis con IA de la maquetación, para sitios hechos a medida y temas no estándar;
Comprobación de cada selector encontrado en páginas reales; los datos se contrastan con el microetiquetado del producto. Un selector no comprobado no entra en el mapa: mejor menos botones que un botón en el lugar equivocado.

Al final se ve: la plataforma determinada, el número de páginas escaneadas, un ejemplo de producto reconocido y, por separado, la página de producto y las fichas del catálogo. El mapa se aplica con un botón y se guarda junto con la configuración del widget. Si el sitio ha cambiado, basta con volver a escanearlo.

Colocación de los botones y diseño#

Se configura en maquetas con vista previa en vivo: una página de producto típica y el catálogo:

Botón en la página de producto: bajo el precio, junto al botón nativo del sitio, flotante en la parte inferior de la pantalla o desactivado (el escenario principal de la «intercepción total»: no hay botón propio y el visitante pulsa el nativo);
Botón en la ficha del catálogo: sobre la ficha, bajo la ficha o desactivado;
Botón del carrito: cualquiera de las cuatro esquinas de la pantalla;
Color de los botones y texto («Añadir al carrito», «Pedir», uno propio): el texto puede definirse por separado para cada idioma de su sitio.

Precios propios#

Un interruptor aparte: el widget recalcula el precio de su sitio al suyo y se lo muestra al visitante en la página de producto, en el catálogo y en el carrito.

Regla base para todos los productos: porcentaje, recargo en moneda, límites «no inferior / no superior» y redondeo (a entero, terminación …9, céntimos .99, decenas exactas …0, múltiplo de 10/50/100).
Anulaciones puntuales por dirección de página, nombre o referencia: precio propio, regla propia, otro nombre en el carrito o «retirado de la venta»; en ese caso no se coloca el botón.
Opciones de visualización: precio antiguo tachado junto al nuevo, texto como «precio de oferta», símbolo de moneda propio, ubicaciones adicionales con precios (panel fijo, bloque «productos similares»). La reescritura de precios directamente en el marcado del sitio también se puede desactivar: el visitante verá el precio del sitio, pero al carrito irá el suyo.
En la cuenta hay una vista previa «antes → después» sobre un precio de ejemplo de su sitio.

⚠️ La reescritura es visual: el backend de su sitio no sabe nada del nuevo precio. Por eso los precios propios tienen sentido junto con la intercepción del pedido; de lo contrario, el visitante que pulse el botón nativo que haya quedado sin sustituir hará el pedido al precio antiguo sin pasar por usted. En el modo «Intercepción total», los precios propios están activados por defecto, y el panel de administración avisa si los ha activado sin la intercepción.

Qué ocurre después del pedido#

El visitante añade productos al carrito, lo abre y realiza el pedido: nombre, teléfono, entrega o recogida con dirección, comentario. El pedido llega a la sección «Pedidos» de la cuenta, igual que los pedidos del escaparate, la caja y los agregadores: los mismos estados, notificaciones, impresión y envío a cocina. No hay una «bandeja de entrada del widget» aparte. Cada línea del pedido llega con un enlace a la página de su sitio desde la que se añadió al carrito, de modo que el operador ve qué se pidió exactamente.

Todo lo demás sobre el pedido online se configura ahí mismo, en la ventana modal del widget: está organizada como un acordeón con las secciones «Widget en su sitio web», «Recepción de pedidos», «Entrega y recogida», «Pago», «Realización del pedido» y «Fiscalización de recibos»: los mismos formularios que en las secciones correspondientes de la cuenta, reunidos en un solo lugar.

Botón «Avisar de disponibilidad»#

El segundo etiquetado, independiente, del mismo Widget es para la página de un producto agotado en su sitio web. El invitado pulsa el botón, deja su correo, lo confirma mediante el enlace del mensaje y recibe un correo cuando el producto vuelve a estar disponible; en el correo de confirmación, junto a «confirmar» también hay «rechazar». Las notificaciones las envía el mismo mecanismo que la Suscripción «avisar de disponibilidad» en nuestro Escaparate: no se crea una segunda.

Cómo conectarlo: en la ventana de ajustes del Pedido en línea, abra la tarjeta «🔔 Avisar de disponibilidad», elija el producto y, si existe, la variante de su catálogo publicado; el generador armará el código. En la página del producto coloque el botón con el atributo data-cenaly-stock="<товар>" (hay un ejemplo listo en esa misma tarjeta) e inserte una vez la etiqueta stock/v1.js. El activador pesa menos de un kilobyte y sabe hacer exactamente una cosa: esperar el clic; el formulario de Suscripción, los diccionarios y el envío llegan en un archivo aparte solo tras la acción del invitado.

Lo que conviene saber:

El producto se vincula manualmente. No comparamos catálogos ajenos ni leemos existencias de una página ajena: «volvió a estar disponible» es la disponibilidad en su catálogo en nuestra plataforma, la misma que ve nuestro Escaparate. Un producto que no está en el catálogo publicado de la Local no lo acepta el botón.
La Suscripción se confirma por correo (double opt-in): hasta el clic en el enlace del mensaje no se envían correos de disponibilidad.
La Suscripción no reserva el producto. La notificación se envía cuando vuelve a estar disponible en nuestro catálogo. En la versión actual, un correo se tiene en cuenta una vez por producto: una nueva Suscripción a otra variante del mismo producto no reemplaza la variante ya elegida.
Con CSP estricta solo con nonce, el formulario de Suscripción aún no se abrirá sin un permiso adicional de scripts de CDN o una política 'strict-dynamic' adecuada: detalles en «Mi sitio».
No es una etiqueta única. El cargador único de «Mi sitio» no levanta el botón «Avisar de disponibilidad»: tiene su propia etiqueta y su propio marcado en la página, porque solo está donde usted lo puso.

Limitaciones#

El Escáner lee HTML del servidor. Si el catálogo se dibuja íntegramente con JavaScript, puede que no encuentre las páginas de producto; en ese caso funciona el modo «Escaparate propio».
Los productos en el carrito se toman de las páginas de su sitio web, no del catálogo en la Cuenta: el Widget lee el nombre y el precio de la propia página (y, si hace falta, los recalcula según su regla de precios). No hace falta trasladar el catálogo a nuestra plataforma por esto, pero esos Pedidos tampoco descuentan existencias en la Cuenta.
En el carrito del Widget se puede elegir pago contra entrega o pago en línea, si para la Local hay configurado un proveedor compatible. Tras crear el Pedido, el invitado pasa a la página del proveedor; el Widget en sí no acepta datos de tarjeta. Si no se pudo preparar el pago, se puede repetir para un Pedido ya creado.
En el modo «Reemplazar botones», los botones nativos se ocultan visualmente; si en el sitio hay otra vía de compra (por ejemplo, un enlace directo a un carrito ajeno), hay que quitarla por su cuenta, o bien pasar al modo «Intercepción total», que se hace cargo de esas transiciones.

Solución de problemas#

No hay botones «Añadir al carrito» en el sitio.

Etiqueta no encontrada: pulse «Comprobar instalación» en la sección «Mi sitio». «No hay código» significa que la etiqueta no está insertada o no está en todas las páginas de la plantilla; «código de otra Local» significa que en la etiqueta hay un data-domain ajeno. Si la etiqueta la inserta Google Tag Manager, la comprobación no la verá: revise el sitio con sus propios ojos.
Los cambios no llegaron: los archivos de los Widgets se sirven a través de CDN con una caché de 5 minutos: espere y actualice la página borrando la caché.
El mapa del sitio no está construido o no está aplicado: en los modos distintos de «Escaparate propio», los botones se colocan según el mapa: escanee el sitio y aplique el resultado.
El Escáner no encontró las páginas de producto: lee HTML del servidor; si el catálogo se dibuja íntegramente con JavaScript, cambie al modo «Escaparate propio».
El botón en la página de producto está desactivado en los ajustes de colocación: así está previsto en el escenario de «intercepción total», donde el invitado pulsa el botón nativo del sitio.

El botón del carrito desapareció. Compruebe el ángulo de pantalla elegido en los ajustes de colocación; si está activado el multibotón y en su abanico hay una opción «Pedir», el botón propio del Widget se apaga a propósito.

Los botones quedaron donde no debían o desaparecieron tras actualizar el sitio. La maquetación cambió: pulse «Volver a escanear»; los ajustes de colocación se conservan.

Los precios de la página no cambiaron. El redibujado de precios directamente en el marcado del sitio se puede desactivar en los ajustes; entonces el invitado ve el precio del sitio y al carrito va el suyo. Compruebe también que la regla de precios esté activada y que no haya una anulación puntual para ese producto.

El invitado hizo un Pedido en el sitio, pero el Pedido no está en la Cuenta. Lo más probable es que el Pedido se haya ido sin pasar por nosotros, a través de un botón nativo que quedó activo o de un enlace directo al carrito del sitio. Esto se corrige con el modo «Reemplazar botones» o «Intercepción total».

En el Pedido aparece otro precio. La reescritura de precios es visual: el backend de su sitio no la conoce. Tiene sentido activar sus propios precios solo junto con la intercepción del Pedido; de lo contrario, parte de los Pedidos se harán con el precio antiguo sin pasar por usted.

Secciones relacionadas#

Mi sitio: código de instalación y los demás Widgets
Pedidos: qué ocurre con el Pedido después
Tienda en línea: si necesita un Escaparate completo

Preguntas frecuentes#

¿Hay que trasladar el catálogo a su plataforma? No. El Widget trabaja con los productos directamente en las páginas de su sitio: lee de allí los nombres y los precios. El catálogo en la Cuenta es necesario si desea control de inventario, analíticas por Artículo y nuestro Escaparate: se puede trasladar mediante importación por la dirección del sitio o con un archivo; consulte Importación de catálogo con AI y Tienda online.

¿Y si el sitio ha cambiado? Pulse «Volver a escanear»: el mapa se actualizará y los ajustes de ubicación se conservarán.

¿El Widget romperá el maquetado? Los botones se insertan en los lugares encontrados de su marcado y el diseño se configura; el carrito y el proceso de compra se abren sobre la página y no tocan su maquetado.