{"id":53046,"date":"2022-06-13T08:44:56","date_gmt":"2022-06-13T06:44:56","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=53046&#038;preview=true&#038;preview_id=53046"},"modified":"2025-01-20T11:27:14","modified_gmt":"2025-01-20T10:27:14","slug":"popups-elementor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/","title":{"rendered":"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)"},"content":{"rendered":"<p>Los formularios emergentes pueden ser herramientas de marketing esenciales, que te permiten <a href=\"https:\/\/kinsta.com\/es\/blog\/como-crear-una-lista-de-correo-electronico\/\">captar direcciones de correo electr\u00f3nico<\/a>, promover las ventas y mucho m\u00e1s. Sin embargo, hacer popups atractivos y personalizados en WordPress no siempre es sencillo.<\/p>\n<p>Afortunadamente, el <a href=\"https:\/\/kinsta.com\/es\/blog\/divi-vs-elementor\/\">plugin constructor de p\u00e1ginas Elementor<\/a> facilita la creaci\u00f3n y personalizaci\u00f3n de ventanas emergentes en tu sitio web. Puedes ajustarlas para que se adapten <a href=\"https:\/\/kinsta.com\/es\/blog\/software-de-diseno-de-paginas-web\/\">al dise\u00f1o de tu sitio<\/a> y a\u00f1adir activadores basados en el comportamiento del usuario o en su origen.<\/p>\n<p>Esta gu\u00eda te dar\u00e1 una visi\u00f3n general de los diferentes tipos de ventanas emergentes de Elementor y de por qu\u00e9 puedes querer utilizarlas. Luego, explicaremos c\u00f3mo hacer estas ventanas emergentes con las herramientas gratuitas y <a href=\"https:\/\/elementor.com\/pricing\/\">Pro de Elementor<\/a>. \u00a1Empecemos!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Una visi\u00f3n general de las ventanas emergentes de Elementor<\/h2>\n<p>Elementor es uno de los <a href=\"https:\/\/kinsta.com\/es\/blog\/constructores-pagina-wordpress\/\">plugins constructores de p\u00e1ginas m\u00e1s populares<\/a> para los sitios web de WordPress. Te permite arrastrar y soltar elementos en su sitio para dise\u00f1ar p\u00e1ginas bonitas y f\u00e1ciles de usar:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-homepage.png\" alt=\"Constructor de p\u00e1ginas Elementor\" width=\"1600\" height=\"664\"><figcaption class=\"wp-caption-text\">Constructor de p\u00e1ginas Elementor<\/figcaption><\/figure>\n<p>Adem\u00e1s, Elementor te permite crear una gran variedad de ventanas emergentes. Se trata de formularios personalizados que aparecen en tu sitio despu\u00e9s de un tiempo predeterminado, o despu\u00e9s de que un usuario complete una acci\u00f3n determinada.<\/p>\n<p>Los popups pueden ser herramientas esenciales por varias razones. Puedes utilizarlos para recoger clientes potenciales y ampliar tu lista de <a href=\"https:\/\/kinsta.com\/es\/blog\/estadisticas-marketing-correo-electronico\/\">marketing por correo electr\u00f3nico<\/a>. Los popups de Elementor <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/herramientas-mykinsta\/email\/\">se integran con el software de marketing por correo electr\u00f3nico<\/a>, enviando las direcciones de los clientes directamente a la plataforma que elijas.<\/p>\n<p>Incluso puedes utilizarlos para promocionar ventas, descuentos y eventos relacionados con tu <a href=\"https:\/\/kinsta.com\/es\/blog\/plataformas-comercio-electronico\/\">tienda de comercio electr\u00f3nico<\/a>. De este modo, las ventanas emergentes pueden formar parte de tu estrategia global de marketing.<\/p>\n<p>Adem\u00e1s, los popups pueden ayudarte a conectar con tus clientes. Puedes incrustar encuestas para pedir la opini\u00f3n de los consumidores y mejorar tus productos y servicios.<\/p>\n<p>Sin embargo, los popups pueden parecer baratos e intrusivos si no los dise\u00f1as bien y eliges los activadores correctos para tu audiencia. Por lo tanto, tendr\u00e1s que asegurarte de que los utilizas de forma eficaz. Aqu\u00ed es donde entra Elementor.<\/p>\n\n<h3>Tipos de Popups de Elementor<\/h3>\n<p>Elementor viene con m\u00e1s de 100 plantillas de popups que puedes personalizar seg\u00fan tus necesidades. Estos dise\u00f1os incluyen:<\/p>\n<ul>\n<li>Formularios de captaci\u00f3n de clientes potenciales<\/li>\n<li>Ventanas emergentes de <a href=\"https:\/\/kinsta.com\/es\/blog\/proveedores-de-correo-electronico-seguro\/\">registro de correo electr\u00f3nico<\/a><\/li>\n<li>Popups promocionales<\/li>\n<li>Formularios de inicio de sesi\u00f3n y de bienvenida<\/li>\n<li>Ventanas emergentes de contenido restringido<\/li>\n<li>Formularios de venta cruzada y de venta adicional<\/li>\n<\/ul>\n<p>Estas plantillas de popups vienen incorporadas en <a href=\"https:\/\/elementor.com\/library\/\">los kits de Elementor<\/a>, que incluyen varias caracter\u00edsticas de dise\u00f1o para diferentes tipos de sitios web:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-kits.png\" alt=\"Plantillas popup de ElementorKits\" width=\"1600\" height=\"657\"><figcaption class=\"wp-caption-text\">Plantillas popup de ElementorKits<\/figcaption><\/figure>\n<p>Adem\u00e1s, puedes elegir entre diferentes colocaciones de ventanas emergentes y dise\u00f1os visuales, entre ellos:<\/p>\n<ul>\n<li>Modal<\/li>\n<li>Slide-in<\/li>\n<li>Pantalla completa<\/li>\n<li>Barra superior o inferior<\/li>\n<\/ul>\n<p>Por \u00faltimo, puedes utilizar el editor de Elementor para personalizar r\u00e1pidamente cualquier plantilla de ventanas emergentes para adaptarla a tus necesidades. A continuaci\u00f3n te explicaremos c\u00f3mo puedes hacerlo con Elementor gratuito y con Elementor Pro.<\/p>\n<h2>\u00bfC\u00f3mo crear una ventana emergente con Elementor (gratis)?<\/h2>\n<p>Anteriormente, <a href=\"https:\/\/wordpress.org\/plugins\/essential-addons-for-elementor-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">el plugin Essential Addons for Elementor<\/a> ten\u00eda una funci\u00f3n <strong>Modal Popup<\/strong> que permit\u00eda a los usuarios crear un formulario emergente gratuito. Su uso era una de las formas m\u00e1s populares de evitar el pago de Elementor Pro. Puedes encontrar muchos v\u00eddeos tutoriales de hace unos a\u00f1os para mostrarte c\u00f3mo utilizar este m\u00e9todo.<\/p>\n<p>Sin embargo, la funci\u00f3n gratuita <strong>Modal Popup<\/strong> se ha transformado en un elemento <strong>Lightbox y Modal<\/strong> premium. Su uso ya no es gratuito. Por lo tanto, tendr\u00e1s que actualizarte a Elementor Pro o pagar por uno de los plugins premium de Elementor que cubrimos m\u00e1s adelante en este post.<\/p>\n<h2>\u00bfC\u00f3mo crear un Popup con Elementor Pro? (en 5 sencillos pasos)<\/h2>\n<p>Elementor Pro viene con una funci\u00f3n de Popups incorporada que utilizaremos en este tutorial. Primero tendr\u00e1s que comprar y activar <a href=\"https:\/\/elementor.com\/pricing\/\">Elementor Pro<\/a>. Despu\u00e9s, puedes dirigirte a tu panel de control de WordPress para empezar a crear popups.<\/p>\n<h3>Paso 1: Crea tu ventana emergente<\/h3>\n<p>Empieza por ir a <strong>Elementor &gt; Plantillas &gt; Popups <\/strong>en tu panel de control de WordPress. A continuaci\u00f3n, haz clic en <strong>A\u00d1ADIR NUEVO POPUP <\/strong>para crear uno nuevo:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-new-popup.png\" alt=\"Ve a \"Plantillas\" y luego a \"A\u00f1adir nueva ventana emergente\"\" width=\"1600\" height=\"663\"><figcaption class=\"wp-caption-text\">Ve a \u00abPlantillas\u00bb y luego a \u00abA\u00f1adir nueva ventana emergente\u00bb<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, se te pedir\u00e1 que nombres tu plantilla. Una vez que hayas decidido el nombre, selecciona <strong>CREAR PLANTILLA<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template.png\" alt=\"Nombra tu plantilla de ventana emergente y haz clic en \"Crear\"\" width=\"1500\" height=\"720\"><figcaption class=\"wp-caption-text\">Nombra tu plantilla de ventana emergente y haz clic en \u00abCrear\u00bb<\/figcaption><\/figure>\n<p>Esto lanzar\u00e1 el constructor de p\u00e1ginas de Elementor. Ahora puedes elegir entre los dise\u00f1os de plantillas de ventanas emergentes existentes o construir la tuya propia desde cero. En nuestro ejemplo, hemos elegido una de las plantillas existentes para editarla:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/full-page-popup.png\" alt=\"Elige entre los dise\u00f1os de ventanas emergentes existentes o construye uno desde cero\" width=\"1600\" height=\"709\"><figcaption class=\"wp-caption-text\">Elige entre los dise\u00f1os de ventanas emergentes existentes o construye uno desde cero<\/figcaption><\/figure>\n<p>Ahora puedes jugar con los ajustes de dise\u00f1o para personalizar tu ventana emergente. Por ejemplo, puedes cambiar su dise\u00f1o, alineaci\u00f3n, im\u00e1genes de fondo y colores.<\/p>\n<h3>Paso 2: Elige las condiciones de visualizaci\u00f3n<\/h3>\n<p>Una vez que est\u00e9s satisfecho con tu dise\u00f1o, haz clic en la flecha que mira hacia arriba junto a <strong>PUBLICAR<\/strong>. A continuaci\u00f3n, selecciona <strong>Condiciones de visualizaci\u00f3n <\/strong>en el men\u00fa que aparece:<\/p>\n<figure style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-publish-settings.png\" alt=\"Elige tus condiciones de visualizaci\u00f3n\" width=\"1287\" height=\"889\"><figcaption class=\"wp-caption-text\">Elige tus condiciones de visualizaci\u00f3n<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, pulsa <strong>A\u00d1ADIR CONDICI\u00d3N <\/strong>para elegir d\u00f3nde se mostrar\u00e1 tu ventana emergente de Elementor en tu sitio web. A continuaci\u00f3n, puedes seleccionar una ubicaci\u00f3n entre las siguientes opciones: <strong>Todo el sitio<\/strong>, <strong>Archivos<\/strong>, <strong>Singular<\/strong> o <strong>WooCommerce<\/strong>:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-display-settings.png\" alt=\"Elige d\u00f3nde quieres que se muestre la ventana emergente\" width=\"1486\" height=\"898\"><figcaption class=\"wp-caption-text\">Elige d\u00f3nde quieres que se muestre la ventana emergente<\/figcaption><\/figure>\n<p>Cuando est\u00e9s satisfecho con tu elecci\u00f3n, pulsa <strong>SIGUIENTE<\/strong>. Ser\u00e1s llevado a los <strong>activadores<\/strong> de tu formulario emergente.<\/p>\n<h3>Paso 3: Configurar los activadores de tu ventana emergente<\/h3>\n<p>En la p\u00e1gina de <strong>activadores<\/strong>, puedes decidir qu\u00e9 deben hacer los usuarios para ver tu ventana emergente de Elementor. Por defecto, cada opci\u00f3n est\u00e1 desactivada, y puedes activarla haciendo clic en el control deslizante. A continuaci\u00f3n, tendr\u00e1s que especificar los valores para tu activador.<\/p>\n<p>Por ejemplo, si optas por <strong>\u00abAl cargar la p\u00e1gina\u00bb<\/strong>, tendr\u00e1s que elegir en cu\u00e1ntos segundos se mostrar\u00e1 tu ventana emergente:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-page-load.png\" alt=\"Selecciona los activadores de la ventana emergente que quieras\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">Selecciona los activadores de la ventana emergente que quieras<\/figcaption><\/figure>\n<p>Con <strong>On Scroll<\/strong>, puedes elegir en qu\u00e9 direcci\u00f3n debe desplazarse el usuario y qu\u00e9 parte de la p\u00e1gina debe cubrir antes de que aparezca la ventana emergente:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll.png\" alt=\"Activadores de desplazamiento de p\u00e1gina\" width=\"1476\" height=\"433\"><figcaption class=\"wp-caption-text\">Activadores de desplazamiento de p\u00e1gina<\/figcaption><\/figure>\n<p>La configuraci\u00f3n de <strong>On Scroll To Element<\/strong> requiere que introduzcas un ID CSS. Cuando un usuario llegue a ese elemento de tu p\u00e1gina, aparecer\u00e1 la ventana emergente:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll-to-element.png\" alt=\"Activadores de desplazamiento a elemento\" width=\"1482\" height=\"448\"><figcaption class=\"wp-caption-text\">Activadores de desplazamiento a elemento<\/figcaption><\/figure>\n<p>Con<strong> On Click<\/strong>, tendr\u00e1s que especificar cu\u00e1ntas veces debe hacer clic un usuario en tu p\u00e1gina web para que se muestre la ventana emergente:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-click.png\" alt=\"M\u00e1s opciones de activaci\u00f3n en las reglas avanzadas\" width=\"1482\" height=\"325\"><figcaption class=\"wp-caption-text\">M\u00e1s opciones de activaci\u00f3n en las reglas avanzadas<\/figcaption><\/figure>\n<p>El ajuste<strong> Despu\u00e9s de la Inactividad <\/strong>te permite activar tu ventana emergente despu\u00e9s de que el usuario haya estado inactivo en tu p\u00e1gina durante un tiempo determinado:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-after-inactivity.png\" alt=\"Activadores de inactividad\" width=\"1483\" height=\"328\"><figcaption class=\"wp-caption-text\">Activadores de inactividad<\/figcaption><\/figure>\n<p>Por \u00faltimo, puedes optar por activar la <strong>intenci\u00f3n de salida de la p\u00e1gina<\/strong>. Este ajuste activar\u00e1 tu ventana emergente cuando un usuario intente salir de tu p\u00e1gina:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-exit-intent.png\" alt=\"Selecciona el activador \"Intenci\u00f3n de salida de la p\u00e1gina\" cuando corresponda\" width=\"1486\" height=\"336\"><figcaption class=\"wp-caption-text\">Selecciona el activador \u00abIntenci\u00f3n de salida de la p\u00e1gina\u00bb cuando corresponda<\/figcaption><\/figure>\n<p>Haz clic en <strong>GUARDAR Y CERRAR <\/strong>o en <strong>SIGUIENTE<\/strong> para ir a las <strong>Reglas Avanzadas cuando hayas terminado<\/strong>. Veremos estas reglas un poco m\u00e1s adelante en este tutorial.<\/p>\n<h3>Paso 4: A\u00f1ade un bot\u00f3n emergente a tu sitio (opcional)<\/h3>\n<p>Puede que quieras activar tu ventana emergente de Elementor cuando un usuario haga clic en un elemento espec\u00edfico de tu p\u00e1gina. Por ejemplo, puedes dise\u00f1ar un bot\u00f3n que diga \u00abReg\u00edstrate ahora\u00bb e incrustarlo en tu pie de p\u00e1gina. Cuando un usuario haga clic en el bot\u00f3n, ver\u00e1 tu formulario de <a href=\"https:\/\/kinsta.com\/es\/blog\/mantener-separados-correo-electronico-alojamiento\/\">registro por correo electr\u00f3nico<\/a> en su pantalla.<\/p>\n<p>En primer lugar, tendr\u00e1s que crear un bot\u00f3n Elementor en tu sitio web. Abre el post o la p\u00e1gina en el editor de Elementor y elige <strong>Bot\u00f3n<\/strong> en el men\u00fa. Arr\u00e1stralo y su\u00e9ltalo en tu p\u00e1gina:<\/p>\n<figure style=\"width: 1014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-button.png\" alt=\"Elige la opci\u00f3n \"Bot\u00f3n\" del men\u00fa\" width=\"1014\" height=\"894\"><figcaption class=\"wp-caption-text\">Elige la opci\u00f3n \u00abBot\u00f3n\u00bb del men\u00fa<\/figcaption><\/figure>\n<p>Una vez que hayas especificado el texto del bot\u00f3n y personalizado su aspecto, haz clic en <strong>Enlace &gt; Etiquetas din\u00e1micas<\/strong>. A continuaci\u00f3n, elige <strong>Acciones &gt; Ventana emergente<\/strong> en el men\u00fa desplegable:<\/p>\n<figure style=\"width: 1273px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-button.png\" alt=\"Selecciona la acci\u00f3n emergente para el bot\u00f3n\" width=\"1273\" height=\"652\"><figcaption class=\"wp-caption-text\">Selecciona la acci\u00f3n emergente para el bot\u00f3n<\/figcaption><\/figure>\n<p>Haz clic en <strong>Popup <\/strong>y elige <strong>Abrir Popup<\/strong> en el men\u00fa desplegable <strong>Acci\u00f3n<\/strong>. Tambi\u00e9n puedes seleccionar tu formulario en el men\u00fa <strong>Popup<\/strong>:<\/p>\n<figure style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/open-popup.png\" alt=\"Selecciona la opci\u00f3n emergente\" width=\"1270\" height=\"712\"><figcaption class=\"wp-caption-text\">Selecciona la opci\u00f3n emergente<\/figcaption><\/figure>\n<p>Por \u00faltimo, selecciona <strong>ACTUALIZAR<\/strong> para publicar tu bot\u00f3n. Cada vez que un usuario haga clic en \u00e9l, ser\u00e1 llevado a tu formulario de registro.<\/p>\n<h3>Paso 5: Guarda tus plantillas de ventanas emergentes para m\u00e1s adelante<\/h3>\n<p>Tambi\u00e9n puedes guardar tus ventanas emergentes como plantillas. Abre tu ventana emergente con el editor de Elementor y haz clic en la flecha hacia arriba junto a <strong>ACTUALIZAR<\/strong>. Elige <strong>Guardar como plantilla<\/strong> en el men\u00fa:<\/p>\n<figure style=\"width: 1054px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template-save.png\" alt=\"Guarda tu ventana emergente como plantilla\" width=\"1054\" height=\"897\"><figcaption class=\"wp-caption-text\">Guarda tu ventana emergente como plantilla<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, se te pedir\u00e1 que nombres tu plantilla. Cuando hayas terminado, haz clic en <strong>GUARDAR<\/strong>:<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-popup.png\" alt=\"Dale un nombre a la plantilla emergente y haz clic en \"Guardar\"\" width=\"1498\" height=\"853\"><figcaption class=\"wp-caption-text\">Dale un nombre a la plantilla emergente y haz clic en \u00abGuardar\u00bb<\/figcaption><\/figure>\n<p>La ventana emergente se guardar\u00e1 en tu Biblioteca de Plantillas. Ahora puedes utilizarla cuando construyas una p\u00e1gina o un post con plantillas.<\/p>\n<h2>\u00bfC\u00f3mo configurar los ajustes avanzados de las ventanas emergentes de Elementor?<\/h2>\n<p>Ya hemos cubierto c\u00f3mo hacer una ventana emergente b\u00e1sica de Elementor. Sin embargo, tambi\u00e9n hay algunos ajustes avanzados que quiz\u00e1s quieras utilizar.<\/p>\n<p>Vuelve a abrir tu ventana emergente con el editor de Elementor y navega hasta <strong>Reglas de visualizaci\u00f3n<\/strong>. Echemos un vistazo a los diferentes ajustes.<\/p>\n<h3>Ajustes de visualizaci\u00f3n de la ventana emergente<\/h3>\n<p>Algunas configuraciones avanzadas de visualizaci\u00f3n de la ventana emergente te permiten controlar cu\u00e1ndo los usuarios ven tu formulario. Estas configuraciones pueden ser \u00fatiles para dirigirse a los visitantes que regresan y no a los que llegan por primera vez.<\/p>\n<p>Por ejemplo, puedes elegir mostrar tu ventana emergente despu\u00e9s de que tu visitante haya visto tu p\u00e1gina un determinado n\u00famero de veces:<\/p>\n<figure style=\"width: 1479px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-page-views.png\" alt=\"M\u00e1s configuraciones y condiciones avanzadas\" width=\"1479\" height=\"444\"><figcaption class=\"wp-caption-text\">M\u00e1s configuraciones y condiciones avanzadas<\/figcaption><\/figure>\n<p>Como alternativa, puedes elegir <strong>Mostrar despu\u00e9s de X sesiones<\/strong>. Esta configuraci\u00f3n se dirige a las visitas en general y no a p\u00e1ginas espec\u00edficas:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-sessions.png\" alt=\"Mostrar ventana emergente despu\u00e9s de una determinada cantidad de sesiones\" width=\"1483\" height=\"444\"><figcaption class=\"wp-caption-text\">Mostrar ventana emergente despu\u00e9s de una determinada cantidad de sesiones<\/figcaption><\/figure>\n<p>El ajuste <strong>Mostrar<\/strong> <strong>hasta X veces<\/strong> puede limitar el n\u00famero de veces que los usuarios ver\u00e1n tu ventana emergente. Podr\u00edas considerar habilitarla si no quieres spamear a los visitantes con formularios intrusivos continuamente:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-x-times.png\" alt=\"Selecciona cu\u00e1ntas veces ver\u00e1n los usuarios tu ventana emergente\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">Selecciona cu\u00e1ntas veces ver\u00e1n los usuarios tu ventana emergente<\/figcaption><\/figure>\n<p>Tambi\u00e9n puedes utilizar la configuraci\u00f3n de <strong>Mostrar en dispositivos<\/strong> y <strong>Mostrar en navegadores<\/strong> para limitar d\u00f3nde aparecer\u00e1 tu ventana emergente. Las ventanas emergentes pueden ser especialmente intrusivas en los <a href=\"https:\/\/kinsta.com\/es\/blog\/google-indexacion-centrada-moviles\/\">dispositivos m\u00f3viles<\/a>, por lo que puedes considerar desactivarlas all\u00ed:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-devices-browsers.png\" alt=\"Puedes elegir la opci\u00f3n \"Mostrar en dispositivos\"\" width=\"1480\" height=\"298\"><figcaption class=\"wp-caption-text\">Puedes elegir la opci\u00f3n \u00abMostrar en dispositivos\u00bb<\/figcaption><\/figure>\n<p>Proporcionar una mejor experiencia de usuario m\u00f3vil puede mantener a tus visitantes contentos. Tambi\u00e9n puede impulsar tus esfuerzos de <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-seo\/\">optimizaci\u00f3n para motores de b\u00fasqueda (SEO)<\/a> y ayudar a que tu sitio web ocupe un lugar m\u00e1s alto en los resultados de b\u00fasqueda.<\/p>\n<h3>Configuraci\u00f3n del origen del usuario<\/h3>\n<p>Por \u00faltimo, Elementor te permite configurar los ajustes de visualizaci\u00f3n de las ventanas emergentes en funci\u00f3n de la procedencia de tus usuarios. Estos ajustes pueden ser \u00fatiles si diriges a los visitantes a una p\u00e1gina de aterrizaje promocional y luego utilizas tu ventana emergente para anunciar ofertas o pedir datos de contacto.<\/p>\n<p>Los siguientes ajustes te permiten especificar las URL y elegir qu\u00e9 enlaces activar\u00e1n las ventanas emergentes:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-arriving-from-rules.png\" alt=\"Mostrar a los usuarios que llegan desde un lugar espec\u00edfico\" width=\"1480\" height=\"216\"><figcaption class=\"wp-caption-text\">Mostrar a los usuarios que llegan desde un lugar espec\u00edfico<\/figcaption><\/figure>\n<p>Por \u00faltimo, puedes elegir ocultar tus ventanas emergentes a los usuarios que hayan iniciado sesi\u00f3n. Puedes utilizar esta opci\u00f3n si tienes un <a href=\"https:\/\/kinsta.com\/es\/blog\/crear-un-sitio-web-para-miembros\/\">sitio web de pago<\/a>:<\/p>\n<figure style=\"width: 1401px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-hide-logged-in-users.png\" alt=\"Ocultar las ventanas emergentes para los usuarios registrados\" width=\"1401\" height=\"213\"><figcaption class=\"wp-caption-text\">Ocultar las ventanas emergentes para los usuarios registrados<\/figcaption><\/figure>\n<p>Cuando est\u00e9s satisfecho con todos los ajustes elegidos, haz clic en <strong>GUARDAR Y CERRAR<\/strong>. Puedes volver a navegar aqu\u00ed y cambiar cualquiera de estas configuraciones si es necesario.<\/p>\n<h2>Los 3 mejores plugins para Elementor Popups<\/h2>\n<p>Como hemos visto, Elementor Pro facilita la creaci\u00f3n de ventanas emergentes para tu sitio web. Sin embargo, puede que no est\u00e9s preparado para actualizarte al constructor de p\u00e1ginas premium. Tambi\u00e9n es posible que busques funciones de dise\u00f1o adicionales.<\/p>\n<p>Aqu\u00ed tienes algunos de los mejores plugins para popups de Elementor teniendo en cuenta estas consideraciones.<\/p>\n<h3>1. JetPopUp (Crocoblock)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/jetpopup.png\" alt=\"JetPopUp (Crocoblock)\" width=\"1600\" height=\"621\"><figcaption class=\"wp-caption-text\">JetPopUp (Crocoblock)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetPopUp<\/a> es un plugin f\u00e1cil de usar con una interfaz de arrastrar y soltar que se integra perfectamente con Elementor. Te permite crear formularios emergentes din\u00e1micos y personalizados, incluyendo registros de correo electr\u00f3nico, formularios de consentimiento de cookies y cuentas atr\u00e1s.<\/p>\n<p>JetPopUp brilla por sus caracter\u00edsticas interactivas. Puedes elegir entre m\u00faltiples configuraciones de animaci\u00f3n, como deslizar, voltear y rotar. Adem\u00e1s, el plugin tiene varias plantillas que puedes personalizar seg\u00fan tus necesidades.<\/p>\n<p>Este plugin tambi\u00e9n te permite seleccionar y personalizar m\u00faltiples configuraciones de visualizaci\u00f3n. Por ejemplo, puedes mostrar tus formularios JetPopUp a los usuarios en determinadas fechas cuando intenten salir de tu sitio web, o despu\u00e9s de una determinada cantidad de desplazamiento.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Elige entre las plantillas de ventanas emergentes preestablecidas<\/li>\n<li>Selecciona diferentes condiciones de visualizaci\u00f3n de la ventana emergente<\/li>\n<li>Incluye y excluye condiciones espec\u00edficas<\/li>\n<li>Utilizar efectos de animaci\u00f3n<\/li>\n<\/ul>\n<p><strong>Precio: <\/strong>JetPopUp cuesta <a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">22 d\u00f3lares al a\u00f1o<\/a>. Este paquete incluye la integraci\u00f3n con MailChimp, un widget de ventanas emergentes y asistencia al cliente. Tambi\u00e9n puedes pasar a una suscripci\u00f3n con todo incluido por 130 $ al a\u00f1o. Viene con 20 plugins adicionales y 150 widgets extra.<\/p>\n<h3>2. Popup Box Widget (PowerPack)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-box-widget.png\" alt=\"Popup Box Widget (PowerPack)\" width=\"1600\" height=\"446\"><figcaption class=\"wp-caption-text\">Popup Box Widget (PowerPack)<\/figcaption><\/figure>\n<p>Si buscas una configuraci\u00f3n avanzada de las ventanas emergentes de Elementor, considera el uso de <a href=\"https:\/\/powerpackelements.com\/elementor-widgets\/popup-box\/\">Popup Box Widget<\/a> de PowerPack. Te permite crear ventanas emergentes personalizadas que incluyen elementos din\u00e1micos como v\u00eddeos, im\u00e1genes y mapas de Google.<\/p>\n<p>Este plugin te permite activar las ventanas emergentes seg\u00fan varias acciones del usuario, incluyendo la intenci\u00f3n de salida y los retrasos de tiempo personalizados. Tambi\u00e9n puedes crear popups interactivos de dos pasos con enlaces y otros elementos de llamada a la acci\u00f3n (CTA).<\/p>\n<p>Adem\u00e1s, Popup Box Widget tiene ajustes avanzados de animaci\u00f3n. Puedes hacer que tus ventanas emergentes se ampl\u00eden, utilizar un formato de peri\u00f3dico o usar animaciones 3D.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Elige entre los efectos de animaci\u00f3n<\/li>\n<li>Crea ventanas emergentes de dos pasos<\/li>\n<li>Utiliza retardos y activadores de usuario<\/li>\n<li>Muestra im\u00e1genes, v\u00eddeos y otros elementos interactivos<\/li>\n<\/ul>\n<p><strong>Precios:<\/strong>\u00a0Popup Box Widget se incluye con una <a href=\"https:\/\/powerpackelements.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">suscripci\u00f3n al PowerPack<\/a>. Los planes empiezan por 49 $ al a\u00f1o y vienen con m\u00e1s de 70 widgets diferentes de Elementor.<\/p>\n<h3>3. Lightbox &#038; Modal (Addons esenciales para Elementor)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/lightbox-modal.png\" alt=\"Lightbox &amp; Modal (Addons esenciales para Elementor)\" width=\"1600\" height=\"508\"><figcaption class=\"wp-caption-text\">Lightbox &#038; Modal (Addons esenciales para Elementor)<\/figcaption><\/figure>\n<p>Ya hemos hablado brevemente de este plugin de ventanas emergentes para Elementor. <a href=\"https:\/\/essential-addons.com\/elementor\/lightbox-modal\/\">Lightbox &#038; Modal<\/a> es un widget vers\u00e1til con la herramienta Essential Addons for Elementor. Te ayuda a crear ventanas emergentes con caracter\u00edsticas interactivas como v\u00eddeos, im\u00e1genes y animaciones.<\/p>\n<p>Lightbox &#038; Modal est\u00e1 dise\u00f1ado para funcionar con botones y enlaces en tu sitio web de Elementor. Puedes crear botones, iconos y textos personalizados que activen tus formularios emergentes. Adem\u00e1s, el widget puede utilizar retrasos de tiempo y otras acciones del usuario.<\/p>\n<p>En general, Lightbox &#038; Modal podr\u00eda ser la mejor opci\u00f3n para interactuar con tus usuarios en lugar de simplemente presentar informaci\u00f3n.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Utiliza disparadores de botones para las ventanas emergentes<\/li>\n<li>Muestra im\u00e1genes, v\u00eddeos y contenido personalizado<\/li>\n<li>Personaliza los dise\u00f1os de las ventanas emergentes<\/li>\n<li>Elige entre diferentes tipos de animaci\u00f3n<\/li>\n<\/ul>\n<p><strong>Precio: <\/strong>Lightbox &#038; Modal est\u00e1 incluido en Essential Addons for Elementor Pro. Los planes empiezan por 39,97 $ al a\u00f1o y tienen m\u00e1s de 70 widgets y siete extensiones.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Los formularios emergentes pueden ser esenciales para tus campa\u00f1as de generaci\u00f3n de clientes potenciales y de marketing. Tambi\u00e9n pueden ayudarte a interactuar con los visitantes y mantenerlos en tu p\u00e1gina. Afortunadamente, puedes crear popups personalizados con el constructor de p\u00e1ginas Elementor.<\/p>\n<p>Es s\u00faper f\u00e1cil crear ventanas emergentes con <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Puedes personalizarlos para que coincidan con tu marca y decidir d\u00f3nde se muestran en tu sitio. Tambi\u00e9n puedes establecer una configuraci\u00f3n de visualizaci\u00f3n avanzada para mostrar tu ventana emergente en funci\u00f3n de las acciones y los or\u00edgenes del usuario.<\/p>\n<p>Dise\u00f1ar un sitio web bonito con Elementor es s\u00f3lo el primer paso. Tambi\u00e9n necesitar\u00e1s un proveedor de <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Alojamiento de Aplicaciones<\/a>, <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Alojamiento de Bases de Datos<\/a> y <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">Alojamiento Administrado de WordPress<\/a> a tu lado.<\/p>\n<p>\u00a1Consulta nuestros planes de precios hoy mismo para ver c\u00f3mo Kinsta puede potenciar tu sitio!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los formularios emergentes pueden ser herramientas de marketing esenciales, que te permiten captar direcciones de correo electr\u00f3nico, promover las ventas y mucho m\u00e1s. Sin embargo, hacer &#8230;<\/p>\n","protected":false},"author":199,"featured_media":53546,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[795,270],"topic":[1345],"class_list":["post-53046","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-elementor","tag-page-builder","topic-desarrollo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)<\/title>\n<meta name=\"description\" content=\"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)\" \/>\n<meta property=\"og:description\" content=\"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-13T06:44:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-20T10:27:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)\",\"datePublished\":\"2022-06-13T06:44:56+00:00\",\"dateModified\":\"2025-01-20T10:27:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\"},\"wordCount\":3135,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\",\"keywords\":[\"Elementor\",\"page builder\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\",\"name\":\"Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\",\"datePublished\":\"2022-06-13T06:44:56+00:00\",\"dateModified\":\"2025-01-20T10:27:14+00:00\",\"description\":\"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)","description":"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)","og_description":"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.","og_url":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2022-06-13T06:44:56+00:00","article_modified_time":"2025-01-20T10:27:14+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)","datePublished":"2022-06-13T06:44:56+00:00","dateModified":"2025-01-20T10:27:14+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/"},"wordCount":3135,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","keywords":["Elementor","page builder"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/","url":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/","name":"Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","datePublished":"2022-06-13T06:44:56+00:00","dateModified":"2025-01-20T10:27:14+00:00","description":"Elementor facilita el dise\u00f1o y la visualizaci\u00f3n de ventanas emergentes. Aprende todo lo que necesitas saber sobre la construcci\u00f3n de un popup de Elementor.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/popups-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/06\/popups-elementor.jpeg","width":1460,"height":730,"caption":"Gu\u00eda completa de los Popups de Elementor (y c\u00f3mo crearlos)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/popups-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Gu\u00eda Completa de los Popups de Elementor (y C\u00f3mo Crearlos)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/53046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=53046"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/53046\/revisions"}],"predecessor-version":[{"id":60390,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/53046\/revisions\/60390"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/translations\/nl"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/53046\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/53546"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=53046"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=53046"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=53046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}