La pestaña Custom Javascript ejecuta tu propio JavaScript en tu tienda. Úsala para pequeños comportamientos que los ajustes del constructor y las aplicaciones no cubren.
Dónde encontrarlo
Abre el constructor, haz clic en el icono del engranaje y abre la pestaña Custom Javascript. El cuadro se llama Javascript code: Applies to the entire store. Pega tu código sin etiquetas <script>. Escribe solo JavaScript puro.
Cuándo se ejecuta tu código
- Se ejecuta una vez cuando un comprador abre tu tienda, después de mostrarse la página.
- No se vuelve a ejecutar en cada página. Cuando un comprador pasa a otra página dentro de tu tienda, la página cambia sin recargarse por completo, así que tu código no se ejecuta una segunda vez. Si tu código cambia elementos de una página, haz que tenga en cuenta los cambios de página, o usa mejor una sección Custom code en esa página.
- En la vista previa del constructor, el código también se ejecuta, y vuelve a ejecutarse cuando lo cambias.
- Tu código se ejecuta en su propio espacio, así que los nombres que declaras no chocan con los de la tienda. Si tu código lanza un error al ejecutarse, el error se captura y no rompe tu tienda. El error queda oculto, así que si no pasa nada, prueba tu código paso a paso.
Usa una aplicación cuando puedas
Muchos scripts que los comerciantes pegan aquí tienen una aplicación específica que lo hace mejor:
- Seguimiento de Facebook, TikTok, Snapchat, Pinterest, X o Google Ads: usa las aplicaciones de píxeles. Consulta Píxeles y API de conversiones.
- Google Analytics o etiquetas que gestionas en Google Tag Manager: usa la aplicación Google Tag Manager.
- Códigos de verificación de Google Search Console, Meta, TikTok o Snapchat: usa la aplicación Domain Verifier. El código de esta pestaña no llega al head de tu página como necesita la verificación.
- Chat en vivo: consulta Chat en vivo Crisp.
Estas aplicaciones envían por ti eventos como las compras en el momento adecuado.
Código para toda la tienda o una sección Custom code
- Pestaña Custom Javascript: todas las páginas, se ejecuta una vez por visita.
- Sección Custom code: una página, con su propio HTML, CSS y JavaScript, y se ejecuta cada vez que se muestra la sección. Consulta Código personalizado.
Consejos
- Nunca pegues claves secretas ni contraseñas. Cualquiera puede leer este código en su navegador.
- Prueba tu tienda en vivo en un móvil y en un ordenador después de publicar.
- Los scripts de terceros pueden hacer tu tienda más lenta. Añade solo lo que necesites.
- Si algo se rompe, vacía el cuadro, publica y vuelve a añadir tu código poco a poco.
- Un asistente de IA conectado a tu tienda necesita tu permiso para cambiar el código personalizado. Consulta Gestionar el acceso de los asistentes.
Bueno saberlo
El Custom Javascript pertenece al mercado que estás editando. Repítelo en cada mercado que lo necesite. Los cambios se publican cuando haces clic en Publish.