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 (modo desarrollador)

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 Páginas

  2. En la lista de páginas, ubicá la que querés editar y hacé clic en el ícono de edición

  3. Presioná el botón </> Modo desarrollador (abajo a la derecha) — se muestra el código de todos los componentes de la página

  4. Ubicá el lugar del código donde querés insertar el fragmento y pegálo

  5. Verificá en el panel de visualización que el código se muestra correctamente

  6. Hacé clic en Guardar

Para eliminar el código personalizado de una página, ingresá al modo desarrollador de esa página, borrá el fragmento y guardá los cambios.


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 HerramientasIntegraciones 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.


¿Ha quedado contestada tu pregunta?