Generador de banners HTML para tu web

Pruébalo antes de comprar. Es exactamente la misma herramienta que tenemos funcionando en abierto: ábrela aquí, monta un banner con tu imagen y mira el código que sale y, si te convence, lo que compras es esa misma herramienta lista para instalar en tu web.

La misma herramienta que puedes probar gratis en esta web, lista para instalar en la tuya. Tus visitantes convierten una imagen y un enlace en el código HTML de un banner sin salir de tu página: todo ocurre en su navegador y tu servidor no recibe ni almacena nada.

Qué incluye el paquete

• Plugin de WordPress con el shortcode [generador_de_banners]: se instala en cinco minutos y funciona con cualquier tema y maquetador. El color de acento se cambia con un atributo: [generador_de_banners acento="#0ea5e9"].
• Versión HTML autónoma para webs que no son WordPress: se pega en cualquier página y funciona igual, sin librerías ni servicios externos.
• Instrucciones en castellano paso a paso.

Qué hace la herramienta

• Imagen subida (incrustada en base64 dentro del código) o enlazada por URL.
• Tamaños estándar de la publicidad display (300×250, 728×90, 160×600…) o medida libre.
• Atributos bien puestos: alt, medidas, target, rel sponsored/nofollow, esquinas y carga diferida.
• Compresión WebP opcional en el navegador y vista previa con aviso de proporción.

Requisitos

• WordPress con permiso para instalar plugins, o cualquier web donde puedas pegar HTML.
• Estilos neutros (tarjeta blanca) encapsulados: no pisan el diseño de tu tema.

Licencia de uso en tus propios proyectos y en los de tus clientes. Soporte por correo para la instalación.

Qué resuelve en tu web

Hay un momento que se repite en cualquier sitio con publicidad o afiliados: alguien tiene una imagen y un enlace, y necesita el código HTML del banner. Sin una herramienta delante, ese trámite acaba en un correo o en un archivo mal pegado que rompe la maqueta.

Con el generador en tu web, esa persona lo resuelve sola. Y como todo ocurre en su navegador, tú no recibes archivos, no almacenas imágenes y no añades ni una tabla a tu base de datos.

Qué hay dentro del paquete

• La carpeta del plugin de WordPress, con el atajo [generador_de_banners].
• La versión HTML autónoma, en su propia carpeta, para webs que no son WordPress.
• El LEEME en castellano, con la instalación de las dos versiones y las notas de uso.

Las dos versiones salen del mismo código y hacen lo mismo. Los tamaños que ofrece el desplegable son los estándar de la publicidad display: 300×250 robapáginas, 336×280 robapáginas grande, 728×90 leaderboard, 970×250 billboard, 160×600 rascacielos, 300×600 media página, 320×100 y 320×50 para móvil, más medida libre.

Instalación

En WordPress son cuatro pasos y no hay que tocar código.

1. Comprime en ZIP la carpeta generador-de-banners-html.
2. Ve a Plugins > Añadir nuevo > Subir plugin y elige ese ZIP.
3. Activa el plugin.
4. Escribe [generador_de_banners] en la página o entrada donde lo quieras.

Fuera de WordPress se usa la versión autónoma: se abre el archivo, se copia desde el contenedor con el identificador gbh-banner hasta el cierre del script y se pega en la página. No pide librerías, ni tipografías remotas, ni conexión con ningún servicio.

Pon un solo generador por página. El atajo funciona con cualquier tema y con Elementor, Divi o Gutenberg, dentro de un bloque de atajo.

Opciones y ajustes

Se configura con un atributo en el plugin y con una variable en la versión HTML. No hay pantalla de ajustes que mantener.

Lo que se puede cambiar y dónde

Ajuste	Dónde	Valor
acento	Atributo del atajo	Color en hexadecimal. Viene en un violeta neutro.
–gbh-acento	Versión HTML	El mismo color, en el CSS del archivo.
Formatos admitidos	Ambas versiones	PNG, JPG, WEBP, GIF y SVG.
Tamaño por imagen	Ambas versiones	Hasta 5 MB.

Un ejemplo con el color cambiado: [generador_de_banners acento=»#0ea5e9″]. Si el valor no es un color válido, el plugin lo descarta y vuelve al de serie.

Dónde encaja

• Medios y blogs que venden publicidad directa. El anunciante monta su propia creatividad y te entrega el código ya formado.
• Programas de afiliados. Tus afiliados se hacen el banner con las medidas que necesitan, sin pedirte nada.
• Agencias y estudios. Una utilidad más en la web, y la licencia cubre también los proyectos de tus clientes.
• Marcas con kit de prensa. Quien quiera enlazarte se lleva el banner listo con el enlace correcto.

Para quién no es

Genera el código de un banner. No hace nada de lo que viene después.

• No es un servidor de anuncios. No rota creatividades, no cuenta impresiones ni clics, no segmenta y no programa fechas.
• No diseña la imagen. No es un editor gráfico: el banner sale de la imagen que traiga cada uno.
• No hace banners animados ni piezas interactivas. El resultado es una imagen con enlace.
• No tiene nada que ver con AdSense ni con ninguna red publicitaria, que entregan su propio código.
• Si solo quieres montarte un banner suelto, la versión gratuita en abierto te sirve tal cual.

Requisitos y compatibilidad

Para la versión de WordPress hace falta poder instalar plugins. Para la autónoma, cualquier web donde puedas pegar HTML. No hay requisitos de base de datos ni de servidor, porque el servidor no interviene.

Los estilos son neutros, de tarjeta blanca, y van encapsulados bajo el identificador del generador, así que no pisan el diseño de tu tema ni tu tema los pisa a ellos. El botón de copiar usa el portapapeles del navegador, con un método de respaldo para cuando no está disponible.

Privacidad y rendimiento

La imagen que elige el visitante no se sube a tu servidor: se lee en su equipo y se incrusta en el código, o se enlaza por su dirección. Tu web no recibe archivos, no guarda nada y no llama a ningún servicio externo, así que tampoco añade tratamientos de datos que declarar.

El matiz honesto es el peso: una imagen incrustada en el código lo engorda, y por eso la herramienta ofrece la compresión WebP y avisa del tamaño del código generado. Para imágenes grandes, la opción de enlazar por dirección deja el código mínimo.

Qué pasa después de comprar

La descarga se activa al confirmarse el pago y queda en tu área de cliente y en el correo del pedido. La factura la emite LETACA LLC, de Florida, y los precios del sitio llevan el IVA incluido.

La licencia cubre tus propios proyectos y los de tus clientes, y puedes modificar el código para adaptarlo. No se permite revenderlo como producto. Al ser contenido digital de descarga inmediata, el derecho de desistimiento de catorce días naturales decae en cuanto la descarga se ha iniciado.

El soporte por correo cubre la instalación: escribe a [email protected] o por WhatsApp. Si lo que buscas es que llevemos la campaña entera, eso son nuestros servicios.

Preguntas frecuentes sobre la instalación

¿Los banners que genera valen para Google AdSense?

No, son cosas distintas. AdSense entrega su propio código y decide qué anuncio se ve. Esto genera el banner de una campaña que vendes o acuerdas tú, con la imagen y el enlace que tú elijas.

¿Dónde se guardan las imágenes que suben mis visitantes?

En ningún sitio. No llegan a tu servidor: se leen en el navegador de quien las elige y salen dentro del código, o no salen si prefiere enlazarlas por dirección.

¿Funciona si mi web no es WordPress?

Sí. El paquete trae una versión HTML autónoma que se pega en cualquier página y hace lo mismo que el plugin, con el color de acento en una variable del CSS.

¿Puedo cambiar los colores para que peguen con mi web?

Puedes cambiar el color de acento, el de los botones y los elementos activos, con el atributo del atajo o con la variable del CSS. El resto de la tarjeta es neutro a propósito.

¿El código que genera es válido para cualquier gestor de contenidos?

Es HTML estándar: una imagen dentro de un enlace, con texto alternativo, medidas, esquinas, apertura en pestaña nueva, la etiqueta de relación que corresponda y carga diferida.

¿Sirve para enlaces de campaña con seguimiento?

Sí: el enlace de destino lo escribe quien monta el banner, con los parámetros que quiera. Si además necesitas que esa dirección sea corta y con tu marca, eso lo cubre el acortador de enlaces con QR.