Puedes insertar códigos en la estructura del sitio para agregar funcionalidades o incorporar herramientas como Google Analytics, Google Tag, Facebook Pixel, entre otros.
Verifica la orientación de la herramienta que proporcionó el script para identificar el lugar correcto donde el código debe ser insertado - Si debe ser colocado en el encabezado (head) o en el pie de página.
Consulta a continuación cómo insertar códigos (scripts):
1Accede al Editor del Creador de sitios con IA - Si es necesario, consulta cómo acceder
2En el Editor tienes tres opciones para aplicar el código. Elige a continuación la que deseas configurar y consulta cómo hacerlo:
- Todo el sitio - para que el código funcione en todas las páginas - Por ejemplo: Google Analytics
- Una página específica - para que el código funcione solo en una página - Por ejemplo: código de conversión en una página de lanzamiento
- Dentro del contenido de una página (HTML y JS) - cuando el código necesita aparecer visualmente en el sitio - Por ejemplo: un bloque de texto, imagen o botón.
Todo el sitio
3En el menú lateral, haz clic en el ícono de tres líneas
4A continuación, haz clic en Configuración del proyecto
5En la pantalla de configuraciones, haz clic en el ícono de código
6De acuerdo con la instrucción de la herramienta que deseas configurar, pega el código en el campo correspondiente:
- CSS personalizado - para ajustes de estilo y diseño;
- Inyección de código > Cabecera - para códigos que necesitan cargar antes del contenido de la página;
- Inyección de código > Pie de página - para códigos que pueden cargar después del contenido (recomendado para seguimiento y rendimiento).
7Para concluir, haz clic en Guardar cambios
Una página específica
3En el menú lateral, haz clic en el ícono de tres líneas
4A continuación, haz clic en Páginas
5En la página donde deseas agregar el código, haz clic en su nombre
6En la pantalla de la página, haz clic en la pestaña Código
7De acuerdo con la instrucción de la herramienta que deseas configurar, añade el código en el campo correspondiente:
- CSS personalizado - para ajustes de estilo y diseño;
- Inyección de código > Cabecera - para códigos que necesitan cargarse antes del contenido de la página;
- Inyección de código > Pie de página - para códigos que pueden cargarse después del contenido (recomendado para seguimiento y rendimiento).
8Para concluir, haz clic en Actualizar
Dentro del contenido de una página
3En el menú lateral, haz clic en el ícono +
4En “Agregar elementos”, en el campo de búsqueda, busca Embed (Insertar)
5En el elemento “Embed”, haz clic, arrastra y suelta en el área de la página que deseas
6A continuación, haz clic en el elemento añadido
7En la barra de herramientas que se abrirá, haz clic en el ícono embed
8En el campo que se abrirá, pega el código HTML
9Para concluir, haz clic en Actualización
¡Listo! El código ha sido añadido. Accede al sitio y prueba las configuraciones realizadas para asegurarte de que todo funciona correctamente.