La respuesta corta
Puedes añadir tu propio código en tres lugares del constructor: una sección Custom code dentro de una página, los ajustes Custom CSS y los ajustes Custom Javascript. No hay ningún cuadro para pegar código en la sección head de tu tienda. Para las etiquetas del head, usa la aplicación correspondiente (consulta la lista de abajo).
Qué herramienta para cada tarea
- Verificar mi tienda con Google Search Console, o añadir una metaetiqueta
google-site-verification: la aplicación Domain Verifier. También gestiona la verificación de dominio de Facebook (Meta), TikTok y Snapchat. - Google Analytics, etiquetas de Google Ads o cualquier etiqueta que gestiones en Google Tag Manager: la aplicación Google Tag Manager.
- Píxeles de Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X o Google Ads: consulta Facebook, TikTok, Snapchat, ChatGPT, Pinterest y X, o Conversiones de Google Ads.
- Feed de productos de Google Merchant Center: consulta Google Merchant Center. Usa Domain Verifier para Search Console.
- Mapas de calor y grabaciones de sesiones: consulta Microsoft Clarity o Contentsquare.
- Un widget o un contenido incrustado dentro de una página (un formulario de reservas, un vídeo, un mapa): la sección Custom code que se explica abajo.
- Estilos para toda la tienda o para una sección: consulta CSS personalizado.
- Un script en todas las páginas: consulta JavaScript personalizado.
Por qué el código del constructor no puede verificar tu sitio
Google, Meta y otras plataformas buscan su etiqueta en el head de tu página cuando verifican. Una sección Custom code coloca tu código dentro del cuerpo de la página, donde está la sección. Custom Javascript se ejecuta en el navegador del comprador después de que la página carga. Ninguna de las dos pone una etiqueta en el head como necesitan estas plataformas, así que la verificación falla. Domain Verifier añade la etiqueta en el lugar correcto por ti.
Sección Custom code
Una sección que puedes añadir a cualquier página, hasta 2 por página. Abre la pestaña Sections, haz clic en Add new section y elige Custom code. Tiene tres campos:
- HTML: el marcado que se muestra dentro de esta sección.
- CSS: estilos que solo se aplican a esta sección, así que no pueden romper el resto de tu página.
- JavaScript: se ejecuta cada vez que se muestra la sección. Tu código recibe la sección como
container, así que usacontainer.querySelector(...)para llegar a tu propio marcado.
También defines su ancho, su esquema de colores y su relleno como en cualquier sección. Usa Apply to all pages para copiarla a otras páginas que ya tengan una sección Custom code.
Consejos
- Revisa tu código en la vista previa del constructor, luego publica y prueba tu tienda en vivo en un móvil y en un ordenador.
- Si la página se ve rota después de un cambio, quita el código, publica y vuelve a añadirlo poco a poco.
- Los scripts de terceros pueden hacer tu tienda más lenta. Añade solo lo que necesites.
- Un asistente de IA conectado a tu tienda solo puede cambiar el código personalizado si el propietario de la tienda lo permite. Consulta Gestionar el acceso de los asistentes.