Ir al contenido principal

SitioSimple — Agregar código personalizado (HTML, CSS y JavaScript)

L
Escrito por Luciana Parente

Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: 5 min


¿Qué vas a lograr?

Incorporar fragmentos de código personalizado en tu sitio para agregar integraciones externas, formularios, mapas, widgets, chats, pop-ups u otras funcionalidades que no están disponibles como componentes visuales.


Antes de empezar

SitioSimple está diseñado principalmente como constructor visual. La opción de código personalizado está pensada para ajustes puntuales e integraciones simples — no para subir sitios ya maquetados ni desarrollar funcionalidades complejas.

Lo que agregues puede afectar la visualización y el funcionamiento de tu sitio. Si no tenés experiencia en programación, solicitá ayuda a tu programador o equipo técnico — desde Donweb no se brinda soporte técnico personalizado sobre el código en sí.


Pasos

Opción 1 — Agregar código en una página específica

Usá esta opción cuando el código necesita insertarse en un punto específico dentro de una página.

  1. En el constructor de SitioSimple, andá a SitioWeb → Páginas/Menú

  2. En la lista de páginas, ubicá la que querés editar y hacé clic en Editar
    ​

  3. En el menú lateral, dentro de Social, encontrás el componente Código personalizado — arrastralo al lugar de la página donde querés colocarlo
    ​
    ​Importante: el contenido que agregues en el componente Código personalizado solo se puede modificar desde Editar código. No se puede editar con las herramientas del constructor.
    ​

  4. Hacé clic sobre el componente y luego en Editar código
    ​

  5. Ingresá el código y hace clic en Aplicar
    ​

  6. Hacé clic en Guardar
    ​


Opción 2 — Integrar código en todo el sitio (head o body)

Usá esta opción para integraciones globales como Google Analytics, chats en línea, seguimiento de visitas o pop-ups que deben estar presentes en todas las páginas.

  1. En el constructor de SitioSimple, andá a Herramientas

  2. Hacé clic en Integraciones y apps → <> Código personalizado → Configurar
    ​

  3. Habilitá el código con el botón correspondiente

  4. Pegá el código en el head o el body según las instrucciones de la herramienta que estás integrando

  5. Guardá los cambios
    ​

Para eliminar el código global, volvé a Herramientas → Integraciones y apps, eliminá el código y guardá.


Verificá que funcionó

Visitá tu sitio publicado y verificá que la integración funciona correctamente. Algunos scripts pueden tardar unos minutos en activarse después de publicar.


Errores frecuentes

El código se agregó pero el sitio no muestra el componente integrado

→ Verificá que el código esté en la sección correcta (head o body) según las instrucciones del proveedor de la herramienta. Un código en el lugar incorrecto puede no ejecutarse.

El sitio se ve mal después de agregar el código

→ El código personalizado puede interferir con el diseño del sitio. Ingresá al modo desarrollador o a Integraciones y apps, eliminá el fragmento agregado y guardá para revertir los cambios.

No puedo editar el texto o el diseño de un bloque desde el constructor

→ Si ese bloque se creó con el componente Código personalizado, solo se puede modificar desde el código. Hacé clic sobre el componente → Editar código, hacé los cambios, hacé clic en Aplicar y luego en Guardar. Si no tenés conocimientos de programación, podés eliminar el componente y reemplazarlo por componentes visuales del constructor.


¿Ha quedado contestada tu pregunta?