Por qué la campaña no se ve correctamente en tu página web

Cuando incrustas una campaña en una web, pueden darse varios motivos por los que no se visualiza correctamente. A continuación, te explicamos los más habituales y cómo solucionarlos.

1) Código incompleto o incorrecto

Para obtener una óptima visualización, debes incluir todo el script o widget de contenido que se genera al crear una campaña. Si no se añade el código completo, aparecerán espacios adicionales o scrolls innecesarios y la campaña no se redimensionará correctamente.

2) El contenedor de la web restringe el tamaño

Si el elemento de tu web que contiene el widget tiene una altura fija o la propiedad CSS overflow: hidden, la campaña puede quedar recortada o no mostrarse en su totalidad. Asegúrate de que el contenedor permite que el iframe se redimensione libremente.

3) Conflictos con el CSS de la página

Los estilos de tu web pueden interferir con la visualización de la campaña. Si detectas problemas de maquetación, revisa si alguna regla CSS global (márgenes, paddings, max-width, etc.) está afectando al contenedor del widget.

4) Altura y ancho mínimo

A la hora de incluir el código, tienes la posibilidad de forzar una altura y ancho mínimo para que la campaña se ajuste mejor al diseño de tu página. Para ello, rellena las casillas de "altura mínima" y "ancho mínimo" que se muestran en el Panel de control. El código para incrustar la campaña se actualizará automáticamente.

5) La campaña no se muestra en WordPress

WordPress elimina automáticamente las etiquetas <iframe> al guardar desde el editor visual, por lo que el código del widget puede desaparecer o quedar roto. Dependiendo del editor que uses, la solución es diferente:

• Editor de bloques (Gutenberg): inserta un bloque de tipo "HTML personalizado" y pega ahí el código del widget. No conviertas el bloque a otro tipo después de pegar, ya que WordPress podría eliminar el iframe.

• Editor clásico (TinyMCE): cambia a la pestaña "Texto" (no "Visual") antes de pegar el código. Guarda sin volver a la vista Visual, ya que al alternar entre las dos pestañas WordPress puede limpiar el HTML y eliminar el iframe.

• Mediante plugin: si ninguna de las opciones anteriores funciona, existen plugins que desactivan el filtrado de iframes en WordPress. Una vez instalado, permiten insertar el código del widget con normalidad.

En los siguientes tutoriales te mostramos cómo obtener el código widget para embeber tu campaña:

Cómo embeber una campaña en una página web.

Cómo embeber una campaña en un popup en tu página web.

Si tienes cualquier duda, contacta con nosotros en help@cool-tabs.com.