Tengo un código personalizado, ¿dónde lo coloco?

  • Base de conocimiento
  • Responsive Website Builder
  • Tengo un código personalizado, ¿dónde lo coloco?
  • Ayuda de Duda > Responsive Website Builder > Editar un sitio

Descripción general

Un código personalizado se puede agregar a varias partes de su sitio web para realizar ciertas cosas. Al obtener el código de otra fuente, es importante saber dónde se debe colocar ese código.

Si su código le dice que ponga una parte en el encabezado, busque las instrucciones sobre el "encabezado" en este artículo para ver cómo pegarlo en el encabezado.

Una vez que sepa dónde se debe colocar su código, puede seguir este tutorial y las siguientes referencias para determinar dónde y cómo colocar el código en su sitio.

En todo el sitio vs. una página individual

Dependiendo de dónde pegue su código, puede pegarlo en todo el sitio (aparecerá en todas las páginas) o solo en una página. Los lugares en los cuales este tutorial le indica que coloque el código le permitirán saber si es un cambio en todo el sitio o solo en una página individual.

Colocar el código a través del widget HTML

El widget HTML se puede usar para colocar fácilmente el código en su sitio. Si tiene cualquier código que solo se debe colocar en el sitio, simplemente siga estas instrucciones.

  1. Abra su editor
  2. Vaya a widgets
  3. Busque HTML
  4. Arrastre a cualquier lugar en su sitio
  5. Pegue su código
  6. Listo

Widget HTML en todo el sitio vs. una página individual

Dependiendo de dónde coloque su widget HTML, aparecerá en todas las páginas de su sitio o solo en una página.

Si coloca el widget HTML en el encabezado o el pie de página, aparecerá en todas las páginas del sitio al mismo tiempo. Esto se debe a que todos los sitios comparten el encabezado y el pie de página.

Si coloca el widget HTML en cualquier otro lugar, aparecerá solo en el cuerpo.

Colocar el código en el encabezado

Encabezado en todo el sitio

customcode1_en-US.png

Para colocar el código en el encabezado en todo el sitio, siga las instrucciones que están a continuación.

  1. Abra su editor
  2. Vaya a configuración en la barra lateral de la izquierda
  3. Haga clic en "HTML de encabezado"
  4. Pegue su código aquí y guarde

Encabezado de página individual

customcode2_en-US.png

Para colocar el código en el encabezado de solo una página, siga estas instrucciones.

  1. Abra su editor
  2. Vaya a la sección de páginas
  3. En la página en la que desea agregarlo, haga clic en el icono de configuración.
  4. Haga clic en "SEO"
  5. Desplácese hacia abajo a "HTML de encabezado"
  6. Pegue su código aquí y guarde.

Colocar el código después de la etiqueta de cuerpo inicial

Actualmente no tenemos una característica para colocar códigos directamente después de la etiqueta de cuerpo inicial.

A pesar de ello, usted debería poder pegar su código directamente en el archivo body-end.html y debería funcionar igualmente bien. Vea las siguientes instrucciones.

body-end.html en todo el sitio

  1. Abra su editor 
  2. Abra en el modo de desarrollador en la parte superior derecha customcode3_en-US.png
  3. Haga clic en HTML/CSS del sitio para expandir la selección.devmode1_en-US.png
  4. Haga clic en "body-end.html".devmode2_en-US.png
  5. Pegue su código en la última línea aquí
  6. ¡Guarde y listo!

Agregar un código de seguimiento a un formulario de contacto

Para agregar un código de seguimiento a un formulario de contacto, siga las instrucciones que están a continuación.

  1. Abra su editor.
  2. Navegue hasta la página en la que se encuentra su formulario de contacto.
  3. Haga clic en su formulario de contacto para abrir las opciones.cf2_en-US.png
  4. Haga clic en "Envío".cf1_en-US.png
  5. Haga clic en "Seguimiento".cf3_en-US.png
  6. Pegue su código de seguimiento de conversiones aquí.

Agregar un código a un widget

Para agregar cualquier código a cualquier widget, siga estas instrucciones.

  1. Abra su editor.
  2. Ubique la página en la que se encuentra su widget.
  3. Haga clic con el botón derecho en su widget para que aparezca el menú contextual.widgetcode1_en-US.png
  4. Haga clic en "Editar HTML/CSS".widgetcode1_en-US.png
  5. Edite o agregue el código aquí según sea necesario.widgetcode2_en-US.png

Notas, consideraciones y solución de problemas

Crear siempre una copia de seguridad

Se recomienda que siempre cree una copia de seguridad de su sitio antes de agregar un código personalizado. Esto se debe a que es difícil solucionar problemas con un código personalizado y este puede  provocar el cierre de un sitio web si no se hace adecuadamente.

Mi código desaparece cuando lo coloco en la sección de cabecera

Esto es muy común con códigos de seguimiento de píxeles. La sección de cabecera (<head>) no acepta ningún código que sea <img>, <iframe>, entre otros. Esta normalmente solo acepta <link>,<script> y <meta>.

Si debe pegar el código que no se guardará allí, solo péguelo en su lugar en el encabezado, donde se encuentran sus enlaces de navegación y logotipos.

De lo contrario, péguelo en el body-end.html, de acuerdo con el tutorial anterior.

Mi código no funciona

Si tiene un código que no funciona en el sitio, lo más probable es que se deba a que el código no esté formateado correctamente o no sea HTTPS.

Si tiene cualquier enlace en su código (http:// o //) y su sitio usa HTTPS o usted está en la vista previa, entonces deberá cambiar eso, de forma que sea https:// en su lugar. El motivo de esto es que el código no HTTPS no funcionará en una conexión cargada en HTTPS (vista preliminar del sitio, editor, etc.).

 

 

×

Por favor inicie sesión como Pro

Soporte telefónico prioritario está disponible exclusivamente para DudaPros. Inicie sesión en su cuenta DudaPro ahora para ver nuestros números de asistencia internacional.

Inicie sesión
¿No eres un DudaPro?¡Compra DudaPro!