Añadir código HTML personalizado a tu página web

Webador      ✖ Gratis      Lite      Pro      Business     


Hay dos maneras de añadir código HTML a tu página web de Webador, además de una alternativa para ciertas herramientas ya soportadas:

  1. Un lugar específico en una página > elemento Código incrustado: usa este elemento para mostrar un widget u otro contenido incrustado en una ubicación exacta de tu página web.
  2. Aplica a toda tu página web O indicado por una herramienta externa > HTML en la etiqueta Head o Body: si una herramienta te pide específicamente añadir código en la etiqueta Head o Body de tu página web, o el código debe aplicarse en toda la página web en segundo plano, puedes hacerlo a través de la configuración de tu página web.
  3. Alternativa: añadir una herramienta externa soportada > elemento App: esta es la forma más fácil de añadir contenido soportado de plataformas como Facebook, Instagram, YouTube y más.

Elige cómo quieres añadir código HTML:

1.  Elemento Código incrustado (Un lugar específico en una página)


Usa el elemento Código incrustado cuando quieras mostrar contenido incrustado, como un widget, en un lugar específico de una de tus páginas.

Paso 1

Ve al Editor.

Paso 2

Arrastra el elemento Código incrustado desde el menú izquierdo y suéltalo en el lugar deseado de tu página.

Paso 3

Haz clic en el elemento, luego haz clic en Editar incrustación.

Paso 4

Copia el código HTML que quieres usar y pégalo en el campo de entrada.

Paso 5

Haz clic en Guardar.

Nota: En el Editor, puede que veas el texto Código HTML (solo visible en la página web). Esto significa que tu contenido solo será visible en tu página web en vivo y no en el Editor.

2. HTML en la etiqueta Head o Body (Aplica a todo tu sitio O indicado por una herramienta externa)

Usa esta opción cuando un servicio externo te pida añadir código en la etiqueta Head o Body de tu sitio web. Esto puede usarse para cosas como códigos de verificación o seguimiento.

Webador añade automáticamente información importante como el título y la descripción de la página web, por lo que no necesitas añadirlas tú mismo/a.

Paso 1

En el Editor, ve a Ajustes > Avanzado.

Paso 2

Haz clic en Añadir código HTML personalizado.

Paso 3

Haz clic en el botón + Añadir código HTML.

Paso 4

Introduce un Título para tu código y elige dónde se debe colocar el código:

  • Head
  • Body – inicio
  • Body – final

Selecciona la ubicación especificada por el servicio externo que proporcionó el código.

Paso 5

Pega tu código en el campo HTML y haz clic en Guardar.

Por favor ten en cuenta: No podemos garantizar la funcionalidad o compatibilidad del código HTML personalizado y no podemos ofrecer soporte para código añadido individualmente. Webador tampoco soporta conexiones API personalizadas a través de HTML.

¿Te fue útil este artículo?