{"id":5246,"date":"2022-06-13T10:00:00","date_gmt":"2022-06-13T08:00:00","guid":{"rendered":"https:\/\/www.vadavo.com\/blog\/?p=5246"},"modified":"2024-08-28T10:48:36","modified_gmt":"2024-08-28T10:48:36","slug":"como-crear-pop-ups-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.vadavo.com\/blog\/como-crear-pop-ups-en-wordpress\/","title":{"rendered":"C\u00f3mo crear Pop-Ups en WordPress"},"content":{"rendered":"\n<p>Sabemos que existe una <strong>relaci\u00f3n amor-odio con este recurso<\/strong> tan utilizado por muchas webs, pero nuestro objetivo con este art\u00edculo es que entiendas bien que un Pop Up, en buenas manos, puede ser muy efectivo.<\/p>\n\n\n\n<p>Desde el punto de vista del marketing digital, los <strong>Pop Ups<\/strong> se suelen utilizar para captar el <a href=\"https:\/\/www.vadavo.com\/blog\/que-es-roundcube-como-funciona\/\" target=\"_blank\" data-type=\"post\" data-id=\"4365\" rel=\"noreferrer noopener\">correo electr\u00f3nico<\/a> del visitante con alg\u00fan <em>lead magnet<\/em> o simplemente pidiendo la suscripci\u00f3n al bolet\u00edn.<\/p>\n\n\n\n<p>En el blog de hoy te vamos a ense\u00f1ar a utilizar los Pop Ups c\u00f3mo se debe, ya sea porque tienes una necesidad muy espec\u00edfica para tu web, y est\u00e1s barajando diferentes opciones para conseguirla como si quieres aprender por cuenta propia por mera curiosidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Qu\u00e9 es un Pop-Up<\/h2>\n\n\n\n<p>Un Pop Up (tambi\u00e9n llamado <strong>Popup o Pop<\/strong>&#8211;<strong>up<\/strong>) es una <strong>t\u00e9cnica para llamar la atenci\u00f3n<\/strong> del cliente de manera intempestiva, generalmente para <strong>mostrar un mensaje importante<\/strong> en forma de una<strong> ventana emergente<\/strong> tambi\u00e9n llamada modal que tenga diferente car\u00e1cter ya sea informativo, urgente o tambi\u00e9n como un medio publicitario.<\/p>\n\n\n\n<p>Como bien hemos dicho a los Pop Ups se les suele conocer como ventanas emergentes que cargan en los sitios web y que suelen <strong>aparecer de repente sin que el usuario se lo espere.&nbsp;<\/strong><\/p>\n\n\n\n<p>Es por ello que debemos tener mucho cuidado con c\u00f3mo los usamos y para qu\u00e9 los empleamos. <strong>En ciertos sectores se utilizan de una forma err\u00f3nea<\/strong>, dificultando el UX (experiencia de usuario) y da\u00f1ando completamente la opini\u00f3n del usuario acerca de nuestro <a href=\"https:\/\/www.vadavo.com\/blog\/diferencias-sitio-web-dominio-hosting\/\" target=\"_blank\" data-type=\"post\" data-id=\"4989\" rel=\"noreferrer noopener\">sitio web<\/a>.<\/p>\n\n\n\n<p>Es un recurso del que debemos procurar no abusar porque puede resultar invasivo e incluso sin dejar navegar al usuario por la web.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Tipos de Pop-Ups<\/h2>\n\n\n\n<p>Los<strong> Pop Ups<\/strong> son utilizados para m\u00faltiples razones dentro del UX de un sitio web, pero existen muchos tipos de ventanas emergentes.<\/p>\n\n\n\n<p>Podemos clasificar los tipos de Pop Ups <strong>en funci\u00f3n de c\u00f3mo saltan<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pop Ups que saltan al entrar.<\/li>\n\n\n\n<li>Pop Ups que saltan al salir.<\/li>\n\n\n\n<li>Pop Ups que saltan despu\u00e9s de un determinado tiempo o cuando el usuario realiza una acci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p>Pero tambi\u00e9n podemos clasificarlos <strong>en funci\u00f3n de d\u00f3nde saltan<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Barra superior.<\/li>\n\n\n\n<li>Barra inferior.<\/li>\n\n\n\n<li>Ventana emergente central.<\/li>\n\n\n\n<li>Ventana emergente lateral inferior.<\/li>\n\n\n\n<li>Ventana emergente a tama\u00f1o completo.<\/li>\n<\/ul>\n\n\n\n<p>Esto solo son solo ejemplos. La l\u00ednea es muy fina y <strong>podemos mezclar distintos tipos de Pop Ups para conseguir nuestro objetivo sin ser muy agresivos.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> C\u00f3mo agregar un Pop-Up en WordPress<\/h2>\n\n\n\n<p>Ahora que ya conocemos qu\u00e9 es un Pop Up vamos a ver entonces c\u00f3mo podemos agregar uno dentro de <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-crm-para-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"4937\" rel=\"noreferrer noopener\">WordPress<\/a>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>El que vamos a utilizar es el de Popup Maker (el cual tiene una versi\u00f3n de pago tambi\u00e9n).<\/p>\n\n\n\n<p>A continuaci\u00f3n te describimos paso a paso c\u00f3mo crear un Pop Up con este plugin gratuito:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Descargar y agregar el plugin para Pop Ups<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Para ello, entrando a nuestro repositorio de <a href=\"https:\/\/www.vadavo.com\/blog\/mejorar-velocidad-wordpress\/\" data-type=\"post\" data-id=\"4248\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a> debemos ir a la parte de plugins y <strong>agregar un nuevo plugin llamado Popup Maker<\/strong>, lo escribimos en la barra de buscador y enseguida nos aparecer\u00e1 como primera opci\u00f3n para <strong>descargar<\/strong>.&nbsp; Este es un <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-crm-para-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"4937\" rel=\"noreferrer noopener\">plugin<\/a> orientado a marketing que tiene varias opciones y entre&nbsp; todas nos vamos a centrar solamente en <strong>la parte los Pop Ups<\/strong>.&nbsp; <\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Activar el plugin y crear un nuevo Pop Up<\/strong><\/li>\n<\/ol>\n\n\n\n<p>A continuaci\u00f3n vamos a<strong> activarlo<\/strong> y enseguida&nbsp; nos debe aparecer una secci\u00f3n con el nombre <strong>Popup Maker en la parte izquierda<\/strong> de nuestro control de WordPress. Coloc\u00e1ndonos sobre esta secci\u00f3n aparecer\u00e1 un desplegable y debemos seleccionar la opci\u00f3n de <strong>a\u00f1adir <a href=\"https:\/\/www.vadavo.com\/blog\/tag\/ventana-emergente\/\" target=\"_blank\" data-type=\"post_tag\" data-id=\"224\" rel=\"noreferrer noopener\">ventana emergente<\/a>.<\/strong>&nbsp;<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Insertar el contenido del Pop Up<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Aqu\u00ed deber\u00e1s <strong>a\u00f1adir el t\u00edtulo del Pop Up<\/strong> (para que sepas cu\u00e1l es en un futuro), y opcionalmente <strong>a\u00f1adir un t\u00edtulo para mostrar a tus visitas<\/strong>. A continuaci\u00f3n viene la parte m\u00e1s creativa de para crear un buen Pop Up con aspecto profesional, debes <strong>escribir el contenido<\/strong> que quieres que aparezca.&nbsp;<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>A\u00f1adir un disparador\u00a0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>En las opciones que se muestran un poco m\u00e1s abajo, selecciona el <strong><em>evento<\/em> por el que quieres que aparezca tu <a href=\"https:\/\/www.vadavo.com\/blog\/popup-wordpress-mejores-plugins\/\" target=\"_blank\" data-type=\"post\" data-id=\"4578\" rel=\"noreferrer noopener\">Pop Up<\/a><\/strong>. Como por ejemplo el tiempo de retraso o apertura.<\/p>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>Apariencia\u00a0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Es el paso final, <strong>selecciona la apariencia del Pop Up<\/strong>. Ver\u00e1s que puedes elegir entre varios <em><strong>temas predefinidos<\/strong><\/em> que te ofrece el plugin. De esta manera tendr\u00e1s un Pop Up con el aspecto que desees en un abrir y cerrar de ojos. Finalmente solo te queda publicar el resultado y ya tendr\u00e1s un Pop Up en tu web de <a href=\"https:\/\/www.vadavo.com\/blog\/como-integrar-instagram-en-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"4934\" rel=\"noreferrer noopener\">WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Mejores plugins de Pop-Ups en WordPress<\/h2>\n\n\n\n<p>A lo largo de los a\u00f1os, han existido much\u00edsimos <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-suscripcion-newsletter-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"4747\" rel=\"noreferrer noopener\">plugins<\/a> para crear y administrar Pop Ups en un sitio web WordPress, por eso hoy te traemos los <strong>3 mejores<\/strong>.<\/p>\n\n\n\n<p>Hay que tener en cuenta que no existe el plugin de Pop Ups perfecto, sino que debes <strong>utilizar el que m\u00e1s se ajuste a tus necesidades<\/strong>. Si solo necesitas un Pop Up simple, te recomendamos utilizar la funcionalidad de tu pagebuilder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> Popup Maker<\/h3>\n\n\n\n<p>Es un plugin sencillo y gratuito de WordPress, es una de las opciones <strong>m\u00e1s populares<\/strong> ya que ofrece una versi\u00f3n incre\u00edblemente vers\u00e1til y flexible.&nbsp;<\/p>\n\n\n\n<p>Tiene un sistema \u00fanico para <strong>agregarle m\u00faltiples activadores a cada ventana emergente.<\/strong> Puedes usar la apertura autom\u00e1tica que retrasa la ventana emergente durante un tiempo espec\u00edfico, y clic para abrir, lo que activa una ventana emergente cuando los visitantes hacen clic en un elemento HTML espec\u00edfico. Adem\u00e1s, puedes <strong>configurar cookies para controlar la frecuencia<\/strong> con la que tus visitantes ver\u00e1n la ventana emergente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> OptinMonster<\/h3>\n\n\n\n<p>OptinMonster es uno de los plugins <strong>de pago<\/strong> m\u00e1s conocidos para <strong>captar <em>leads<\/em><\/strong> y para <strong>implementar <em>lead magnets<\/em><\/strong>.&nbsp;<\/p>\n\n\n\n<p>Tiene much\u00edsimas funcionalidades y es una verdadera gozada en cuanto a la implementaci\u00f3n de lead magnets. Permite <strong>crear todo tipo de popups<\/strong> o ventanas emergentes, incluso nos trae <strong>templates preconfigurados<\/strong> para poder utilizarlos directamente.<\/p>\n\n\n\n<p>Este plugin est\u00e1 muy enfocado a <strong>recoger el correo electr\u00f3nico del visitante<\/strong> y por eso tiene integraciones con muchos proveedores de <a href=\"https:\/\/www.vadavo.com\/blog\/tag\/email\/\" target=\"_blank\" data-type=\"post_tag\" data-id=\"222\" rel=\"noreferrer noopener\">email marketing<\/a>. Tambi\u00e9n puedes crear una <strong>campa\u00f1a m\u00e1s personalizada con la funci\u00f3n de localizaci\u00f3n geogr\u00e1fica<\/strong>. Adem\u00e1s, funciona bien para tiendas online o para editores de contenido. Esta funci\u00f3n ayuda a que los visitantes permanezcan m\u00e1s tiempo en tu sitio web, ya que ver\u00e1n contenido m\u00e1s relevante que coincide con su intenci\u00f3n de b\u00fasqueda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> Pop-Ups de Elementor&nbsp;<\/h3>\n\n\n\n<p>Elementor ofrece una <strong>versi\u00f3n gratuita y otra pro de pago<\/strong>. Este plugin es uno <strong>de los m\u00e1s potentes<\/strong> que podemos encontrar. Resulta ideal porque a la hora de dar forma a los Pop Ups o ventanas emergentes puedes <strong>usar el pagebuilder para la apariencia<\/strong>. Adem\u00e1s Elementor Pro nos da muchas m\u00e1s opciones, por lo que es un sistema de Pop Ups bastante completo y hay que decir que no tiene demasiado sentido que lo instales solo para utilizar su sistema de Pop Ups, este plugin te permite ir m\u00e1s all\u00e1.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Conclusi\u00f3n&nbsp;<\/h2>\n\n\n\n<p>Las ventanas emergentes o Pop Ups son excelentes para <strong>garantizar un mayor involucramiento con tu sitio web<\/strong>. Con los plugins de Pop Ups de WordPress puedes crear un Pop Up f\u00e1cilmente, sin complicaciones.<\/p>\n\n\n\n<p><strong>Elige bien el tipo de Pop Up<\/strong> que m\u00e1s se adapte a lo que quieres transmitir, crea un buen dise\u00f1o que comunique tu mensaje con efectividad, y analiza los resultados al detalle, para poder optimizar tu estrategia al m\u00e1ximo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sabemos que existe una relaci\u00f3n amor-odio con este recurso tan utilizado por muchas webs, pero nuestro objetivo con este art\u00edculo es que entiendas bien que un Pop Up, en buenas manos, puede ser muy efectivo. Desde el punto de vista del marketing digital, los Pop Ups se suelen utilizar para captar el correo electr\u00f3nico del [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6584,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[107,167,34],"class_list":["post-5246","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-popup","tag-ventana-emergente","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/comments?post=5246"}],"version-history":[{"count":2,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5246\/revisions"}],"predecessor-version":[{"id":6585,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5246\/revisions\/6585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media\/6584"}],"wp:attachment":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media?parent=5246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/categories?post=5246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/tags?post=5246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}