ElemPilot ElemPilot
Back to documentation
Gutenberg and Shortcodes

Third-Party Shortcodes in Popups and BannersShortcodes de Terceros en Popups y Banners

Embed forms and compatible plugin output inside ElemPilot campaign content.Inserta formularios y contenido de otros plugins dentro de campañas compatibles.

Last updated: June 21, 2026 Includes real plugin screenshots

When to use an external shortcode

Simple text and compatible content areas process WordPress shortcodes. This lets a Popup or Manual banner contain forms, tables, buttons, products, or components generated by other plugins.

WPForms example

Create the form in WPForms, copy its shortcode, and paste it into the item Simple text content. Do not paste it into a Visual template field; those fields accept controlled values to protect the design.

ElemPilot custom content with a WordPress form shortcode
Shortcodes from compatible plugins can be placed inside supported content areas.

Check the public result

The builder preview may not load every script from the external plugin. Preview or publish the real page and verify validation, submission, styles, height, and mobile behavior.

Rendered form shortcode inside ElemPilot
Always test third-party shortcode output on the public page, not only in preview.

Best placements

  • Popup: short subscription, lead magnet, or contact forms.
  • Manual banner: inline forms, product output, search tools, or widgets at an exact location.
  • Simple text: the recommended content type when the external plugin supplies its own HTML.

Limitations and troubleshooting

  • The external plugin must register a valid shortcode and load its front-end assets.
  • Avoid shortcodes that open another overlay inside a Popup.
  • If output is empty, test the shortcode directly on a normal page.
  • If it works outside ElemPilot only, check deferred scripts, cache, and CSS conflicts.

Cuándo usar un shortcode externo

Simple text y las áreas de contenido compatibles pueden procesar shortcodes de WordPress. Esto permite colocar formularios, tablas, botones, productos u otros componentes generados por plugins dentro de un Popup o Manual banner.

Ejemplo con WPForms

Crea el formulario en WPForms, copia su shortcode y pégalo en Simple text del item. No lo pegues en un campo de Visual template: esos campos aceptan valores controlados para proteger el diseño.

ElemPilot custom content with a WordPress form shortcode
Los shortcodes de plugins compatibles pueden colocarse dentro de áreas de contenido admitidas.

Comprueba el resultado público

El preview del builder puede no cargar todos los scripts del plugin externo. Publica o previsualiza la página real y comprueba validación, envío, estilos, altura y comportamiento móvil.

Rendered form shortcode inside ElemPilot
Prueba siempre el resultado de shortcodes externos en la página pública, no solo en el preview.

Dónde funciona mejor

  • Popup: formularios breves, suscripción, lead magnet o solicitud de contacto.
  • Manual banner: formularios inline, buscadores, productos o widgets insertados en una posición exacta.
  • Simple text: opción recomendada cuando el plugin externo entrega su propio HTML.

Limitaciones y solución de problemas

  • El plugin externo debe registrar un shortcode válido y cargar sus assets en el front end.
  • Evita shortcodes que abren otro overlay dentro de un Popup.
  • Si el contenido aparece vacío, prueba el shortcode directamente en una página normal.
  • Si funciona fuera de ElemPilot pero no dentro, revisa scripts diferidos, caché y conflictos de CSS.
Copied