Integre sus documentos legales en minutos

Sus documentos están listos y alojados en WebLegal.ai. Cada documento tiene una URL única que puede usar directamente. Elija el método que corresponda a su nivel técnico:

Enlace simple

Añada un enlace en su pie de página. 30 segundos.

Principiante

Overlay (popup)

El documento se abre como un popup elegante en su sitio. 2 minutos.

Recomendado

Iframe (embed)

Integre el documento directamente en una página. 2 minutos.

Intermedio

Copiar y pegar

Copie el contenido (HTML, texto o Markdown) en su CMS.

Todos los niveles

¿Usa TOWeb, PageXL, Shopify, WooCommerce o WordPress? Consulte directamente la guía dedicada a su plataforma más abajo.

Método 1: Enlace simple

El método más sencillo. Añada un enlace a su documento en el pie de página de su sitio web.

HTML

<a href="https://weblegal.ai/documents/votre-document/">Política de privacidad</a>

El visitante hace clic y ve su documento legal en una página dedicada, con la barra de herramientas (copiar, descargar, imprimir).

Consejo : coloque sus enlaces legales en el pie de página de su sitio web, como la mayoría de los sitios web profesionales.

Método 2: Overlay (popup)

El documento se abre en una ventana modal sobre su sitio, sin salir de la página. Es el método recomendado para la mejor experiencia de usuario.

Paso 1: Añada el script (una sola vez)

Añada esta línea en el <head> de todas las páginas de su sitio (o en su plantilla/layout principal). Así, los enlaces legales de su pie de página funcionarán en todas partes:

HTML — añadir en <head>

<script src="https://weblegal.ai/js/weblegal-embed.js" defer></script>

Paso 2: Añada sus enlaces

Coloque sus enlaces legales en el pie de página de su sitio. Todos los enlaces que apunten a documentos WebLegal se abrirán automáticamente en overlay:

HTML — enlaces en su pie de página

<footer>
  <a href="https://weblegal.ai/documents/xxx/">Condiciones de uso</a>
  <a href="https://weblegal.ai/documents/yyy/">Privacidad</a>
  <a href="https://weblegal.ai/documents/zzz/">Cookies</a>
</footer>

Ventaja : el visitante nunca abandona su sitio. El documento se muestra sobre la página actual y se cierra haciendo clic en X o pulsando Escape. Como el script está en todas sus páginas, los enlaces legales del footer funcionan en todas partes.

Método 3: Iframe (integración directa)

Integre el documento directamente en una página de su sitio, como si formara parte de su contenido.

HTML

<iframe
  src="https://weblegal.ai/documents/votre-document/?toolbar=0&noheader=1"
  width="100%"
  height="800"
  style="border: none; max-width: 100%;">
</iframe>

Los parámetros toolbar=0 y noheader=1 ocultan la barra de herramientas y el encabezado para una integración visualmente limpia.

Método 4: Copiar y pegar el contenido

Puede copiar el contenido de sus documentos y pegarlo directamente en su CMS o editor de sitio.

Abra su documento en WebLegal.ai
Haga clic en Copiar en la parte inferior derecha
Elija el formato:
- HTML — para editores que aceptan código HTML
- Texto plano — para editores simples
- Markdown — para sitios estáticos (Hugo, Jekyll, Astro...)
Pegue en su editor

Importante : si copia el contenido, las actualizaciones automáticas no se aplicarán. Con un enlace, overlay o iframe, su documento se beneficia automáticamente de las mejoras de WebLegal.

Personalización de la apariencia

Adapte la apariencia de sus documentos a la de su sitio. Configure las opciones a continuación y copie la URL personalizada.

URL de su documento

Tema

Auto (sistema) Claro Oscuro

Opciones de visualización

Ocultar la barra de herramientas Ocultar el encabezado Ocultar el pie de página Mostrar crédito WebLegal

Fuente del texto

Fuente de títulos (opcional)

Color de los enlaces

Ancho máximo : 960px

URL personalizada

Guía TOWeb

TOWeb gestiona los documentos legales a través de 2 ubicaciones integradas:

Página de Condiciones de uso/Condiciones de venta (sección "tos"): muestra las Condiciones de uso o las Condiciones de venta según si su sitio tiene e-commerce o no. El enlace aparece automáticamente en el pie de página.
Página de Privacidad/Cookies: una sección dedicada que asigna en Opciones > Cookies y Privacidad. Aquí es donde coloca su política de privacidad y/o política de cookies.

Paso 1: rellenar la página de Condiciones de uso o Condiciones de venta

Genere sus Condiciones de uso (o Condiciones de venta si tiene e-commerce) en WebLegal.ai
Haga clic en Copiar HTML en su documento WebLegal
En TOWeb, abra la sección "Condiciones de uso" (o "Condiciones de venta") situada al final de la lista de secciones
Pegue el contenido en un párrafo de esta página

Paso 2: crear la página de Privacidad / Cookies

Genere su Política de privacidad en WebLegal.ai y haga clic en Copiar HTML
En TOWeb, cree una nueva sección (ej: "Política de privacidad")
Pegue el contenido HTML en un párrafo
En Opciones > Cookies y Privacidad, asigne esta sección como página de consentimiento
Si también desea una política de cookies separada, cree una sección adicional y pegue el documento correspondiente

Paso 3: verificar los enlaces en el pie de página

Los enlaces a la página de Condiciones de uso/venta y cookies se añaden automáticamente por TOWeb en sus páginas cuando es necesario
En el paso Secciones, añada manualmente en el pie de página de su sitio todos los enlaces a sus documentos legales (Condiciones de uso/venta, Privacidad / Cookies, etc.)
Publique su sitio

TOWeb 14+ : el optimizador de sitio integrado verifica automáticamente la presencia de sus páginas legales y le alerta sobre cualquier problema de cumplimiento RGPD (enlace faltante en el footer, contenido placeholder, página de privacidad no asignada, consentimiento de cookies desactivado).

Sitios e-commerce : la página TOS de TOWeb muestra automáticamente "Condiciones de venta" en lugar de "Condiciones de uso". Si necesita ambos documentos o más, cree tantas secciones adicionales como sea necesario y añada sus enlaces al pie de página.

Guía PageXL

PageXL dispone de una pantalla dedicada a documentos legales con 4 campos: Política de privacidad, Condiciones de uso, Política de cookies y Condiciones de venta.

Método recomendado: copiar y pegar en los campos dedicados

Genere sus documentos en WebLegal.ai
En cada documento, haga clic en Copiar HTML
En PageXL, abra los ajustes de su página
Pegue el contenido en el campo correspondiente (Política de privacidad, Condiciones de uso, etc.)
Guarde — PageXL crea automáticamente las páginas y los enlaces

Enlaces automáticos : PageXL gestiona los campos %PRIVACY%, %TERMS%, %COOKIES% y %TOS% que puede insertar en sus textos para crear enlaces a las páginas legales correspondientes.

Botón "Generar con IA" : cada campo dispone de un botón que le redirige a WebLegal.ai para generar el documento correspondiente.

Guía Shopify

Método 1: Enlaces en el pie de página

Admin Shopify > Navigation > Footer menu
Haga clic en Add menu item
Nombre: "Política de privacidad", URL: su URL WebLegal
Repita para cada documento (Condiciones de uso, Cookies, Condiciones de venta)
Guarde

Método 2: Página dedicada con iframe

Admin Shopify > Pages > Add page
Haga clic en </> (modo HTML)
Pegue el código iframe (ver sección Iframe más arriba)
Guarde y añada la página a su navegación

Guía WooCommerce

WordPress Admin > Páginas > Añadir nueva
Título: "Política de privacidad"
Añada un bloque HTML personalizado
Pegue el código iframe
Publique
En WooCommerce > Ajustes > Avanzado, asigne sus páginas de Condiciones de venta y Privacidad

Guía WordPress

WordPress Admin > Páginas > Añadir nueva
Título: "Política de privacidad"
Añada un bloque HTML personalizado (icono </>)
Pegue el código iframe o use Copiar HTML desde su documento WebLegal
Publique
En Ajustes > Privacidad, seleccione su página de privacidad

Otras plataformas

Estos métodos funcionan con todas las plataformas: Wix, Squarespace, Webflow, Prestashop, Magento, etc.

Opción 1: Enlace (la más sencilla)

Añada un enlace a su documento en el pie de página o menú de su sitio. Funciona en todas partes.

Opción 2: Iframe

Si su plataforma permite añadir código HTML personalizado, pegue el código iframe (ver sección Iframe).

Opción 3: Overlay con weblegal-embed.js

Si tiene acceso al <head> de su sitio, añada el script de integración (ver sección Overlay). Los enlaces a sus documentos se abrirán como popup.

Opción 4: Copiar y pegar

Copie el contenido de su documento (HTML, texto o Markdown) y péguelo en su editor. Ver Copiar y pegar.

Parámetros de URL (avanzado)

Añada estos parámetros a la URL de sus documentos para personalizar su apariencia.

Parámetro	Valores	Predeterminado	Descripción
`theme`	light, dark, auto	auto	Tema de colores (auto sigue el sistema)
`toolbar`	0, 1	1	Mostrar/ocultar la barra de herramientas
`font`	Google Font	Arial	Fuente del texto
`hfont`	Google Font	= font	Fuente de los títulos
`linkcolor`	Hex (no #)	4361EE	Color de los enlaces
`credit`	0, 1	0	Crédito "Generado por WebLegal.ai"
`logo`	URL https://	—	Imagen de logo en lugar del nombre
`maxwidth`	600-1400	960	Ancho máximo en píxeles
`noheader`	0, 1	0	Ocultar el encabezado
`nofooter`	0, 1	0	Ocultar el pie de página
`print`	0, 1	0	Abrir diálogo de impresión automáticamente

Ejemplo: documento oscuro con fuente Inter y enlaces verdes

https://weblegal.ai/documents/xxx/?theme=dark&font=Inter&linkcolor=10b981

Gestión de sus documentos

Guardar una copia

Haga clic en Descargar en la barra de herramientas de su documento para obtener un archivo HTML autónomo.

Exportar a PDF

Haga clic en Imprimir y luego elija "Guardar como PDF" en el cuadro de diálogo. O use el enlace directo:

Enlace directo PDF

https://weblegal.ai/documents/xxx/?print=1&toolbar=0

Actualizaciones automáticas

Sus documentos se sirven dinámicamente. Cualquier mejora de WebLegal (modo oscuro, nuevas funciones, correcciones) se aplica automáticamente a todos sus documentos, incluidos los generados anteriormente.

Banner de consentimiento de cookies

Un banner de consentimiento de cookies gratuito, compatible con RGPD y CCPA. Bloquea rastreadores hasta que el usuario consienta, soporta Google Consent Mode v2 y funciona en cualquier sitio web.

Instalacion

Agregue esta etiqueta script en su <head>, antes de cualquier script de analytics o rastreo:

HTML — agregar en <head>

<script src="https://weblegal.ai/js/wl-cookie-consent.js" defer></script>

Configuracion

Configure el banner mediante atributos data- en la etiqueta script:

HTML — todas las opciones

<script src="https://weblegal.ai/js/wl-cookie-consent.js"
  data-position="popup"
  data-theme="auto"
  data-color="#4361EE"
  data-privacy-url="/privacy/"
  data-services="ga4,hotjar"
  data-expire="180"
  data-no-branding="false"
  data-lang="auto"
  defer></script>

Atributo	Valores	Predeterminado	Descripcion
`data-position`	popup, bottom, modal	popup	Disposicion: barra inferior, popup centrado o modal a pantalla completa
`data-theme`	light, dark, auto	auto	Tema de color (`auto` sigue la configuracion del SO del usuario)
`data-color`	#hex	#4361EE	Color de acento para botones (formato hex)
`data-privacy-url`	URL	—	URL de su pagina de politica de privacidad (agrega un enlace en el banner)
`data-services`	ga4,gtm,gads,hotjar,meta-pixel,tiktok,linkedin,clarity	—	Lista de servicios de rastreo a gestionar, separados por comas
`data-expire`	1–365	180	Numero de dias antes de que expire el consentimiento y reaparezca el banner
`data-no-branding`	true, false	false	Eliminar la mencion "Powered by WebLegal"
`data-lang`	fr, en, es, de, it, pt, nl, pl, sv, ro, cs, el, hu, da	auto	Idioma del banner (detectado automaticamente desde `<html lang>` por defecto)

Servicios soportados

Pase una lista de IDs de servicios separados por comas en data-services:

ga4 — Google Analytics 4
gtm — Google Tag Manager
gads — Google Ads
hotjar — Hotjar
meta-pixel — Meta Pixel (Facebook)
tiktok — TikTok Pixel
linkedin — LinkedIn Insight Tag
clarity — Microsoft Clarity

Bloqueo automatico de scripts

El banner intercepta y bloquea automaticamente los scripts de rastreo (Google Analytics, Meta Pixel, etc.) hasta que el usuario de su consentimiento. No necesita modificar sus etiquetas script existentes — el banner se encarga.

Google Consent Mode v2

El banner se integra automaticamente con Google Consent Mode v2. Envia gtag('consent', 'default', ...) al cargar (todo denegado) y gtag('consent', 'update', ...) cuando el usuario acepta. No se necesita configuracion adicional.

Evento personalizado

Escuche el evento wl-cc-consent para reaccionar cuando el usuario haga una eleccion:

JavaScript

window.addEventListener('wl-cc-consent', function(e) {
  console.log(e.detail);
  // e.detail = { analytics: true, marketing: false, ... }
});

Configurador visual

Use el configurador de banner de cookies para personalizar visualmente y generar la etiqueta script con los atributos correctos:

Abrir el configurador →

Gratuito : el banner de consentimiento de cookies es completamente gratuito, incluso sin comprar ningun documento legal de WebLegal.

Preguntas frecuentes

Cada compra genera documentos para un sitio específico. Si gestiona varios sitios, necesitará un conjunto de documentos por sitio.

Todas las mejoras (modo oscuro, nuevas opciones de copia, correcciones de diseño) se aplican automáticamente a todos sus documentos, incluso los generados hace meses.

No. Todos los documentos WebLegal tienen una etiqueta noindex, nofollow para evitar contenido duplicado y proteger su SEO.

Puede copiar el contenido (HTML, texto o Markdown) y modificarlo libremente. Sin embargo, las actualizaciones automáticas ya no se aplicarán a una copia modificada.

Sí. En móvil, el overlay se muestra a pantalla completa para una legibilidad óptima.