Cafe24
Instala el widget editando el HTML del diseño de la tienda en el editor de diseño de Cafe24.
Instala el widget editando el HTML del diseño de la tienda en el editor de diseño de Cafe24.
Cafe24 (카페24) es una plataforma de comercio electrónico coreana cuyo diseño de tienda se edita en HTML. Instala el lanzador en el diseño compartido (layout) del diseño que tienes activo. Actualmente no existe una app de Make Agent Fast en la tienda de apps de Cafe24. Los nombres de los menús que aparecen aquí corresponden a 2026-09; si alguna etiqueta ha cambiado de lugar, busca el ajuste por lo que hace y no por su ruta exacta.
Añade el loader#
- En el panel de Make Agent Fast, abre Ponlo en marcha → Widget para sitio web en la página del agente, activa Mostrar en mi sitio web y añade en Direcciones de sitio web permitidas todos los orígenes de tu tienda: la dirección de la tienda en
cafe24.comy tu dominio personalizado, además de la dirección móvil si es distinta. - Abre la gestión de diseño e inicia la edición HTML del diseño que está activo. Duplica el diseño o haz una copia de seguridad antes; estás editando el código fuente de la tienda.
- En el archivo de layout compartido que incluyen todas las páginas, pega el fragmento generado justo antes de la etiqueta de cierre
</body>. - Guarda, aplica el diseño a la tienda y repite el proceso en el diseño móvil si tu tienda mantiene por separado los diseños para PC y móvil.
<script src="https://makeagent.fast/embed.js?v=20261022-open"
data-agent="YOUR_SITE_SLUG"
async></script>Si no encuentras el archivo de layout, pega el fragmento en el bloque de pie de página de tu tema: sirve cualquier módulo que se muestre en todas las páginas, siempre que se incluya una sola vez.
Verifica#
- Abre la tienda en una ventana privada, tanto en la dirección de PC como en la móvil.
- Confirma que el origen de la barra de direcciones es el que añadiste a la lista de permitidos, incluido
wwwsi el dominio redirige a él. - Confirma que
embed.jsdevuelve200en el panel Network y que existe un único elementodata-maf-embed="YOUR_SITE_SLUG". - Haz una pregunta realista y comprueba que el mensaje aparece en Conversaciones.
Solución de problemas#
| Síntoma | Causa probable | Solución |
|---|---|---|
| Funciona en PC pero no en móvil | El diseño móvil tiene su propio archivo de layout | Añade el fragmento también al diseño móvil |
| El lanzador desapareció tras un cambio de diseño | Se aplicó un diseño que no contiene el fragmento | Vuelve a añadirlo al layout del diseño que está sirviendo la tienda |
| El lanzador tapa el carrito o una barra fija inferior | Dos elementos fijos comparten la misma esquina | Cambia la esquina del lanzador con data-position |
No incluyas una clave de API, un número de pedido ni datos de clientes en ningún atributo data-*. Seguridad y CSP explica cómo configurar la lista de permitidos y la Content Security Policy en las tiendas que usan una.