Añadir código HTML personalizado a tu sitio web

Webador      ✖ Gratis      Lite      Pro      Business     



Hay dos maneras de añadir código HTML a tu sitio 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 sitio.
     
  2. Aplica a todo tu sitio 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 sitio web o el código debe aplicarse en todo el sitio en segundo plano, puedes hacerlo a través de la configuración de tu sitio 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.

Webador Editor

Paso 2

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

Embed Code element

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.

HTML code input field

Paso 5

Haz clic en Guardar.

Nota: En el Editor, puede que veas el texto Código HTML (solo visible en el sitio web). Esto significa que tu contenido solo será visible en tu sitio 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 del sitio web, por lo que no necesitas añadirlas tú mismo.

Paso 1

En el Editor, ve a Configuración > Avanzado.

Paso 2

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

Add custom HTML code in Advanced settings

Paso 3

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

Add HTML code button

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.

Choose HTML code location

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?