Tabla de contenidos:<\/p>
- \u00bfQu\u00e9 es un pop-up o una ventana emergente?<\/a><\/li>
- \u00bfCu\u00e1les son los tipos de pop-up que existen? [Ejemplos]<\/a>
- Pop-ups de promoci\u00f3n<\/a><\/li>
- Pop-ups de suscripci\u00f3n<\/a><\/li>
- Pop-ups de salida<\/a><\/li>
- Pop-ups de confirmaci\u00f3n<\/a><\/li>
- Pop-ups de notificaci\u00f3n<\/a><\/li>
- Pop-ups de cookies<\/a><\/li><\/ul><\/li>
- \u00bfPor qu\u00e9 debes tener una ventana emergente en tu web?<\/a><\/li>
- \u00bfQu\u00e9 elementos no deben faltar en un buen pop-up?<\/a><\/li>
- \u00bfC\u00f3mo crear un pop-up en WordPress?<\/a>
- Paso 1: Instala y activa el plugin Popup Maker<\/a><\/li>
- Paso 2: Ve a la secci\u00f3n \u201cPopup Maker\u201d en WordPress<\/a><\/li>
- Paso 3: Haz clic en \u201cCrear Ventana emergente\u201d<\/a><\/li>
- Paso 4: A\u00f1ade el contenido al pop up<\/a><\/li>
- Paso 5: Agrega un disparador<\/a><\/li>
- Paso 6: Configura el aspecto del pop up<\/a><\/li>
- Paso 7: Comprueba tu pop up<\/a><\/li><\/ul><\/li>
- 5 mejores plugins para pop-up en WordPress<\/a>
- OptinMonster<\/a><\/li>
- Popup Builder<\/a><\/li>
- Elementor Pro<\/a><\/li>
- WP Forms<\/a><\/li>
- Popup Maker<\/a><\/li><\/ul><\/li>
- \u00bfC\u00f3mo bloquear las ventanas emergentes?<\/a>
- Google Chrome<\/a><\/li>
- Mozilla Firefox<\/a><\/li><\/ul><\/li>
- Las mejores extensiones para bloquear las ventanas emergentes<\/a>
- Adblock Plus<\/a><\/li>
- uBlock Origin<\/a><\/li><\/ul><\/li>
- Y t\u00fa, \u00bfya tienes un pop-up en tu sitio web?<\/a><\/li><\/ul><\/div>\n\n
\u00bfQu\u00e9 es un pop-up o una ventana emergente?<\/span><\/h2>\n
Los pop-ups, tambi\u00e9n conocidos como ventanas emergentes, son ventanas que aparecen de la nada mientras navegas en un sitio web.<\/p>\n
Te pongo un ejemplo muy claro.<\/p>\n
Imagina que est\u00e1s trasteando una de tus p\u00e1ginas web favoritas y, despu\u00e9s de un breve per\u00edodo de tiempo, \u00a1pum!, se abre una ventana de la nada, ofreci\u00e9ndote un descuentazo. Si eres como yo, ahora mirar\u00e1s los productos o servicios de esa web con m\u00e1s inter\u00e9s si cabe.<\/p>\n
Y es que el objetivo de las ventanas emergentes es captar la atenci\u00f3n de los visitantes del sitio web para ofrecerles alg\u00fan tipo de promoci\u00f3n, invitarles a suscribirse a una newsletter o comunicarles un mensaje importante.<\/p>\n
Se trata de una estrategia que es recomendable utilizar con moderaci\u00f3n. El motivo es que, seg\u00fan c\u00f3mo est\u00e9 planteada, puede resultar muy molesta para los usuarios, perjudicando as\u00ed la tasa de retenci\u00f3n y aumentando la tasa de rebote en tu web. Y, como resultado, Google estar\u00e1 descontento con tu p\u00e1gina web.<\/p>\n
En este post, hablaremos de c\u00f3mo usar los pop ups correctamente para que esto no te pase a ti, porque los efectos son devastadores. Seguramente te haya pasado en m\u00e1s de una ocasi\u00f3n como usuario de Internet que eres: est\u00e1s visitando una web y te empiezan a bombardear con un porr\u00f3n de pop-ups, lo que hace dif\u00edcil continuar navegando. \u00bfY qu\u00e9 acabas haciendo? Te cansas y\u2026 \u00a1chao! \ud83d\ude4b\u200d\u2640\ufe0f<\/p>\n
Para evitar estas molestias en sitios web que no usan los popups como es debido, existen extensiones de navegador dise\u00f1adas para bloquear ventanas emergentes (m\u00e1s adelante te mostrar\u00e9 alguna de ellas). Adem\u00e1s, puedes configurar la opci\u00f3n de bloquear los pop ups en diferentes tipos de navegadores. \u00a1Pero vayamos por partes!<\/p>\n
![\"pop-up\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/pop-up-300x118.jpg\" "\\"\\"")
<\/p>\n\u00bfCu\u00e1les son los tipos de pop-up que existen? [Ejemplos]<\/span><\/h2>\n
Teniendo en cuenta todo lo anterior, quiero que conozcas los diferentes tipos de pop ups disponibles, seg\u00fan la estrategia y objetivos que vayas a implementar. Adem\u00e1s, qu\u00e9 mejor manera de hacerlo que viendo algunos ejemplos de marcas reconocidas.<\/p>\n
\u00a1Veamos! \ud83e\udd17<\/p>\n
Pop-ups de promoci\u00f3n<\/span><\/h3>\n
Este tipo de ventanas emergentes suelen mostrar ofertas, descuentos o promociones especiales.<\/p>\n
Un buen ejemplo son los pop ups en la web de Aliexpress. Se tratan de ventanas emergentes con descuentos especiales con una fecha de caducidad.<\/p>\n
![\"popups](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/popups-promocion-AliExpress-300x121.png\" "\\"\\"")
<\/p>\nPop-ups de suscripci\u00f3n<\/span><\/h3>\n
Se trata de ventanas emergentes que invitan a los usuarios a suscribirse a boletines informativos, noticias o actualizaciones.<\/p>\n
Un claro ejemplo son los pop ups que encontrar\u00e1s en el sitio web de Blue Banana. Despu\u00e9s de un breve tiempo en el sitio, aparece una ventana emergente ofreciendo un descuento a cambio de suscribirte a su newsletter.<\/p>\n
Poco despu\u00e9s, aparece otro pop up en la parte superior de la web, en formato de notificaci\u00f3n.<\/p>\n
![\"popups](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/popups-suscripcion-Blue-Banana-Brand-300x144.jpg\" "\\"\\"")
<\/p>\nPop-ups de salida<\/span><\/h3>\n
Estos tipos de pop ups se activan cuando el sistema percibe que el usuario va a abandonar la p\u00e1gina web. Su objetivo es retener la atenci\u00f3n de los visitantes ofreci\u00e9ndoles beneficios, como ofertas, promociones, etc.<\/p>\n
Pop-ups de confirmaci\u00f3n<\/span><\/h3>\n
Estas ventanas emergentes suelen solicitar alg\u00fan tipo de confirmaci\u00f3n antes de que el usuario realice una acci\u00f3n, como suscripciones o compras.<\/p>\n
Este tipo de pop up es muy habitual en la p\u00e1gina web de Shein. Para algunos usuarios ser\u00e1 una tortura, ya que deben realizar una acci\u00f3n para poder visitar la web. En cambio, para otros puede ser como jugar a la ruleta, ya que cada vez que interact\u00faan con el pop up reciben alg\u00fan que otro premio.<\/p>\n
\u00bfLo hab\u00edas visto alguna vez? \ud83d\ude42<\/p>\n
![\"popups](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/popups-de-confirmacion-SHEIN-300x115.png\" "\\"\\"")
<\/p>\nPop-ups de notificaci\u00f3n<\/span><\/h3>\n
Estas ventanas emergentes son muy comunes para mostrar mensajes importantes, como actualizaciones de pol\u00edticas, cambios en el sitio o informaci\u00f3n cr\u00edtica.<\/p>\n
Un ejemplo claro es la web de Adobe. Al tratarse de un sitio disponible en varios idiomas, te muestra un pop up que te pregunta por tu ubicaci\u00f3n para ajustar el idioma de la web seg\u00fan tu regi\u00f3n. Para continuar navegando en el sitio, debes seleccionar un pa\u00eds.<\/p>\n
![\"popups](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/popups-de-notificacion-Adobe-300x144.png\" "\\"\\"")
<\/p>\nPop-ups de cookies<\/span><\/h3>\n
Se trata de las ventanas emergentes que la ley exige para informar a los usuarios sobre el uso de cookies en el sitio web.<\/p>\n
Es muy probable que hayas visto este tipo de pop up en varias ocasiones, ya que es obligatorio incluirlo.<\/p>\n
Si no te das cuenta de lo que te hablo, cuando visitas la web de LucusHost, ver\u00e1s una ventana en la parte inferior que debes aceptar para que desaparezca.<\/p>\n
![\"popups](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/popups-cookies-LucusHost-300x174.png\" "\\"\\"")
<\/p>\n\u00bfPor qu\u00e9 debes tener una ventana emergente en tu web?<\/span><\/h2>\n
Quiz\u00e1s no est\u00e9s muy convencido del uso de popups en tu web, pero si te muestro algunos beneficios que estos elementos pueden proporcionarte, es posible que cambies de idea. Obviamente, su uso no tiene por qu\u00e9 ser permanente: puedes aprovecharte de ellos solo cuando m\u00e1s falta te hacen (como promociones temporales, avisos urgentes, etc.). \u00a1Lo innegable es que los pop ups tienen sus ventajas!<\/p>\n
- \n
- Captan la atenci\u00f3n del usuario: <\/strong>Como te dec\u00eda antes, las ventanas emergentes son efectivas para captar la atenci\u00f3n de los visitantes hacia promociones, descuentos o mensajes importantes.<\/li>\n
- Incrementan las conversiones: <\/strong>Pueden ayudar a aumentar las conversiones al ofrecer oportunidades como suscripciones a newsletters, descargas de contenido o ventas directas.<\/li>\n
- Mejoran la experiencia del usuario:<\/strong> Cuando se usan con moderaci\u00f3n y con contenido relevante, pueden mejorar la experiencia del usuario proporcionando informaci\u00f3n \u00fatil.<\/li>\n
- Permiten una mayor personalizaci\u00f3n y segmentaci\u00f3n:<\/strong> Permiten personalizar mensajes seg\u00fan el comportamiento del usuario en el sitio web, lo que puede mejorar la relevancia y la efectividad de las comunicaciones.<\/li>\n<\/ul>\n
Por eso yo digo que a\u00f1adir ventanas emergentes (de manera estrat\u00e9gica y teniendo en cuenta la experiencia del usuario) puede mejorar el engagement y ayudarte a alcanzar objetivos de marketing y ventas. Sigue leyendo para aprender c\u00f3mo hacer un popup, que te lo explicar\u00e9 en breve. Pero antes…<\/p>\n
\u00bfQu\u00e9 elementos no deben faltar en un buen pop-up?<\/span><\/h2>\n
Crear un popup no se puede hacer de cualquier manera, y mucho menos sin tener una estrategia clara.<\/p>\n
Adem\u00e1s, no deben faltar ninguno de estos elementos en una ventana emergente, ya que son imprescindibles para que sea 100% efectiva.<\/p>\n
- \n
- T\u00edtulo atractivo:<\/strong> Debe captar la atenci\u00f3n del usuario de manera clara y concisa.<\/li>\n
- Mensaje relevante:<\/strong> Debe transmitir de manera efectiva el objetivo del pop-up, ya sea una oferta, suscripci\u00f3n, informaci\u00f3n relevante, etc.<\/li>\n
- Llamada a la acci\u00f3n<\/a> (CTA):<\/strong> Debe ser clara, visible y persuasiva para llevar al usuario a realizar la acci\u00f3n deseada.<\/li>\n
- Dise\u00f1o atractivo:<\/strong> Debe ser visualmente llamativo y coherente con el dise\u00f1o general del sitio web.<\/li>\n
- F\u00e1cil cierre:<\/strong> Es fundamental que incluya una opci\u00f3n clara para cerrar la ventana emergente de forma r\u00e1pida y sencilla.<\/li>\n
- Optimizaci\u00f3n para m\u00f3viles:<\/strong> Es primordial que sea responsive y se adapte correctamente a cualquier tipo de dispositivo.<\/li>\n
- Frecuencia de aparici\u00f3n:<\/strong> Debe aparecer en el momento adecuado y, sobre todo, no molestar al visitante con demasiadas apariciones.<\/li>\n<\/ul>\n
Dicho esto, ya tienes por d\u00f3nde empezar para no meter la pata al hacer un pop up.<\/p>\n
\u00bfC\u00f3mo crear un pop-up en WordPress?<\/span><\/h2>\n
Si cuentas con una p\u00e1gina web en WordPress, est\u00e1s de suerte, porque la forma m\u00e1s f\u00e1cil de activar ventanas emergentes es instalando un plugin espec\u00edfico para ello.<\/p>\n
En este caso, te mostrar\u00e9 c\u00f3mo configurar un pop up utilizando el plugin Popup Maker. \u00bfPreparado?<\/p>\n
Paso 1: Instala y activa el plugin Popup Maker<\/span><\/h3>\n
Ve al repositorio de WordPress, busca el plugin Popup Maker, inst\u00e1lalo y act\u00edvalo.<\/p>\n
![\"plugin](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/plugin-Popup-maker-300x235.png\" "\\"\\"")
<\/p>\nPaso 2: Ve a la secci\u00f3n \u201cPopup Maker\u201d en WordPress<\/span><\/h3>\n
Una vez instalado el plugin, localiza la secci\u00f3n \u201cPopup Maker\u201d en el men\u00fa de WordPress y haz clic en \u201cCrear Ventana emergente\u201d, tal como se muestra en la captura.<\/p>\n
![\"crear](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/crear-ventana-emergente-300x277.png\" "\\"\\"")
<\/p>\nPaso 3: Haz clic en \u201cCrear Ventana emergente\u201d<\/span><\/h3>\n
A continuaci\u00f3n, se abrir\u00e1 una ventana en la que podr\u00e1s configurar tu nueva ventana emergente.<\/p>\n
![\"Crear](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Crear-nuevo-Ventana-emergente-WordPress-300x128.png\" "\\"\\"")
<\/p>\nPaso 4: A\u00f1ade el contenido al pop up<\/span><\/h3>\n
En este apartado, debes agregar el t\u00edtulo del pop up. Si lo deseas, tambi\u00e9n puedes incluir un subt\u00edtulo para mostrar a tus visitantes.<\/p>\n
![\"a\u00f1adir](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/anadir-contenido-pop-up-300x65.png\" "\\"\\"")
<\/p>\nPaso 5: Agrega un disparador<\/span><\/h3>\n
En la parte inferior, en \u201cAjustes de la ventana emergente\u201d, encontrar\u00e1s los activadores. Para a\u00f1adir uno a tu ventana emergente, haz clic en el bot\u00f3n azul \u201cA\u00f1adir nuevo activador\u201d.<\/p>\n
![\"a\u00f1adir](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/anadir-nuevo-disparador-pop-up-300x88.png\" "\\"\\"")
<\/p>\nA continuaci\u00f3n, ver\u00e1s el panel de \u201cNuevo activador\u201d. All\u00ed, debes hacer clic en el men\u00fa desplegable para elegir el tipo de activador que deseas para tu pop up. Las opciones que est\u00e1n disponibles son:<\/p>\n
- \n
- Hacer clic<\/li>\n
- Tiempo de retraso\/autoapertura<\/li>\n
- Env\u00edo del formulario<\/li>\n<\/ul>\n
En el segundo men\u00fa desplegable, elige en qu\u00e9 momento debe cerrarse la ventana emergente. Cuentas con las siguientes alternativas:<\/p>\n
- \n
- Al cerrarse la ventana<\/li>\n
- Al abrirse la ventana<\/li>\n
- Env\u00edo del formulario<\/li>\n
- Formulario de suscripci\u00f3n: satisfactoriamente<\/li>\n
- Formulario de suscripci\u00f3n: ya suscrito<\/li>\n
- Manual<\/li>\n<\/ul>\n
![\"nuevo](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/nuevo-activador-pop-up-300x271.png\" "\\"\\"")
<\/p>\nUna vez que hayas terminado, solo tienes que hacer clic en el bot\u00f3n \u201cA\u00f1adir\u201d.<\/p>\n
Paso 6: Configura el aspecto del pop up<\/span><\/h3>\n
Para finalizar, ajusta el dise\u00f1o de tu ventana emergente desde el apartado de \u201cVisualizaci\u00f3n\u201d en \u201cAjustes de la ventana emergente\u201d.<\/p>\n
Desde el men\u00fa en la parte superior, podr\u00e1s seleccionar el tipo de ventana emergente que quieras a\u00f1adir a tu web, as\u00ed como configurar la apariencia, el tama\u00f1o, a\u00f1adir animaciones y sonidos, y definir la posici\u00f3n en la que aparecer\u00e1.<\/p>\n
![\"ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/ajustes-pop-up-300x112.png\" "\\"\\"")
<\/p>\nUna vez que lo hayas configurado, haz clic en \u201cPublicar\u201d para activarlo y que aparezca en tu sitio web.<\/p>\n
![\"publicar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/publicar-pop-up.png\" "\\"\\"")
<\/p>\nPaso 7: Comprueba tu pop up<\/span><\/h3>\n
Ahora te toca verificar si la ventana emergente que has creado aparece correctamente y seg\u00fan lo que deseabas.<\/p>\n
Desde el mismo escritorio de WordPress, selecciona la opci\u00f3n \u201cVisitar el sitio\u201d para ver tu p\u00e1gina web tal como lo har\u00eda un visitante.<\/p>\n
![\"Visitar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Visitar-sitio-WordPress.png\" "\\"\\"")
<\/p>\nAhora puedes comprobar si tu ventana emergente se muestra correctamente o si necesitas hacer arreglos.<\/p>\n
![\"pop-up](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/pop-up-creado-WordPress-300x144.png\" "\\"\\"")
<\/p>\n\u00a1Y eso es todo! No ha sido tan complicado, \u00bfverdad? \ud83e\udd17<\/p>\n
5 mejores plugins para pop-up en WordPress<\/span><\/h2>\n
Si el plugin Popup Maker no te convence del todo para crear ventanas emergentes en WordPress, en el repositorio encontrar\u00e1s un sinf\u00edn de plugins que te ayudar\u00e1n a implementar un popup en tu p\u00e1gina web. No obstante, elegir uno bueno y que responda a tus necesidades puede ser complicado al principio.<\/p>\n
Aqu\u00ed te doy otras opciones de plugins para crear un pop up en WordPress, para que tengas opciones que investigar.<\/p>\n
OptinMonster<\/span><\/h3>\n
OptinMonster<\/a> <\/strong>es uno de los plugins de ventanas emergentes m\u00e1s famosos en el mundo de WordPress.<\/p>\n
Este plugin para popups permite personalizar la visualizaci\u00f3n de ventanas emergentes seg\u00fan los distintos grupos de tu p\u00fablico. Adem\u00e1s, se pueden realizar test A\/B<\/a><\/strong> directamente en WordPress para comparar las distintas versiones de tus pop ups y analizar cu\u00e1l est\u00e1 funcionando mejor.<\/p>\n
El \u00fanico \u201cpero\u201d es que, al tratarse de un plugin premium, tendr\u00e1s que pagarlo si quieres tener disponibles todas sus funcionalidades.<\/p>\n
![\"OptinMonster\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Popup-Builder-300x235.png\" "\\"\\"")
<\/p>\nPopup Builder<\/span><\/h3>\n
El plugin de WordPress Popup Builder<\/a><\/strong> permite crear ventanas emergentes totalmente personalizables.<\/p>\n
Esta herramienta es bastante intuitiva y permite dise\u00f1ar cualquier tipo de pop ups, desde aquellos activados para scroll hasta los que se muestran despu\u00e9s de un tiempo de retardo, entre otros.<\/p>\n
Aunque este plugin es gratuito, tambi\u00e9n cuenta con una versi\u00f3n de pago con caracter\u00edsticas m\u00e1s avanzadas.<\/p>\n
![\"Popup](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Popup-Builder-1-300x235.png\" "\\"\\"")
<\/p>\nElementor Pro<\/span><\/h3>\n
Con este plugin podr\u00e1s crear un pop up con Elementor<\/a>. Elementor PRO<\/a><\/strong> es la versi\u00f3n mejorada y de pago de este reconocido editor visual<\/a><\/strong>.<\/p>\n
Aunque no es (como tal) un plugin de pop ups, s\u00ed que incluye tanto las funcionalidades est\u00e1ndar de dise\u00f1o web como herramientas para crear ventanas emergentes y formularios, todo desde su constructor visual de arrastrar y soltar (drag & drop).<\/p>\n
![\"Elementor](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Elementor-PRO-300x183.png\" "\\"\\"")
<\/p>\nWP Forms<\/span><\/h3>\n
WP Forms<\/a><\/strong> es un plugin dise\u00f1ado para WordPress que facilita la creaci\u00f3n de formularios para sitios web o blogs. Ofrece opciones de personalizaci\u00f3n y configuraci\u00f3n que permiten a cualquier usuario crear pop ups de forma f\u00e1cil.<\/p>\n
![\"WP](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/WP-Forms-300x207.png\" "\\"\\"")
<\/p>\nPopup Maker<\/span><\/h3>\n
Por supuesto, una de las opciones para crear pop up en WordPress es Popup Maker<\/a><\/strong>, que ya mencion\u00e9 anteriormente.<\/p>\n
Este plugin vers\u00e1til y gratis permite la creaci\u00f3n de varias ventanas emergentes en tu p\u00e1gina web. Puedes configurar pop ups de suscripci\u00f3n, correo electr\u00f3nico, actualizaci\u00f3n de contenido, generaci\u00f3n de leads<\/a><\/strong>, comercio electr\u00f3nico, formularios de contacto, etc.<\/p>\n
Aunque cuenta con una versi\u00f3n premium con funcionalidades m\u00e1s avanzadas, en la mayor\u00eda de los casos la versi\u00f3n gratuita es m\u00e1s que suficiente.<\/p>\n
![\"Popup](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Popup-Maker-300x234.png\" "\\"\\"")
<\/p>\n\u00bfC\u00f3mo bloquear las ventanas emergentes?<\/span><\/h2>\n
Si lo que t\u00fa quieres es bloquear ventanas emergentes, porque a veces (cuando no est\u00e1n bien hechas) resultan un incordio, aqu\u00ed te mostrar\u00e9 c\u00f3mo hacerlo f\u00e1cilmente seg\u00fan el tipo de navegador que uses. Adem\u00e1s, tambi\u00e9n puedes bloquear pop ups mediante extensiones.<\/p>\n
Google Chrome<\/span><\/h3>\n
Paso 1:<\/strong> En Google Chrome, haz clic en los tres puntos ubicados en la esquina superior derecha y selecciona \u201cConfiguraci\u00f3n\u201d.<\/p>\n
![\"configuracion-chrome\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/configuracion-chrome-212x300.png\" "\\"\\"")
<\/p>\nPaso 2:<\/strong> Ve a la secci\u00f3n \u201cPrivacidad y seguridad\u201d y selecciona \u201cConfiguraci\u00f3n de sitios\u201d.<\/p>\n
![\"Configuraci\u00f3n_](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Configuracion_-Privacidad-y-seguridad-Google-Chrome-300x160.png\" "\\"\\"")
<\/p>\nPaso 3:<\/strong> Despu\u00e9s se abrir\u00e1 un panel donde tienes que hacer clic en \u201cVentanas emergentes y redirecciones\u201d.<\/p>\n
![\"Ventanas](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Ventanas-emergentes-Google-Chrome-300x134.png\" "\\"\\"")
<\/p>\nAhora simplemente tienes que verificar que est\u00e9 habilitado la opci\u00f3n \u201cNo permitir que los sitios env\u00eden ventanas emergentes ni utilicen redirecciones\u201d.<\/p>\n
![\"Configuraci\u00f3n_](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Configuracion_-Ventanas-emergentes-y-redirecciones-Google-Chrome-300x273.png\" "\\"\\"")
<\/p>\nMozilla Firefox<\/span><\/h3>\n
En el caso de que trabajes con el navegador de Mozilla Firefox, aqu\u00ed tambi\u00e9n te explico c\u00f3mo bloquear pop ups en pocos segundos.<\/p>\n
Paso 1:<\/strong> Haz clic en las tres l\u00edneas horizontales en la esquina superior derecha y selecciona \u201cAjustes\u201d.<\/p>\n
![\"ajustes_firefox\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/ajustes_firefox-166x300.png\" "\\"\\"")
<\/p>\nPaso 2:<\/strong> Dir\u00edgete al apartado de \u201cPrivacidad & Seguridad\u201d y marca la casilla en \u201cBloquear ventanas emergentes\u201d.<\/p>\n
![\"Ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Ajustes-Mozilla-Firefox-300x182.png\" "\\"\\"")
<\/p>\nLas mejores extensiones para bloquear las ventanas emergentes<\/span><\/h2>\n
Si prefieres bloquear pop ups con una extensi\u00f3n, tambi\u00e9n es posible. Existe infinidad de extensiones bloqueadoras de ventanas emergentes que puedes configurar r\u00e1pidamente. A continuaci\u00f3n, te mostrar\u00e9 algunas opciones.<\/p>\n
Adblock Plus<\/span><\/h3>\n
Adblock Plus<\/a><\/strong> es uno de los bloqueadores de anuncios m\u00e1s populares, con m\u00e1s de 500 millones de descargas, y es totalmente gratis.<\/p>\n
Esta extensi\u00f3n permite bloquear tanto las ventanas emergentes que aparecen en sitios web como los anuncios de YouTube. De esta manera, podr\u00e1s navegar tranquilamente en tus p\u00e1ginas web favoritas.<\/p>\n
![\"Adblock](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/Adblock-Plus-300x130.png\" "\\"\\"")
<\/p>\nuBlock Origin<\/span><\/h3>\n
uBlock Origin<\/a><\/strong> es un bloqueador de ventanas emergentes que gestiona y aplica una mayor cantidad de filtros que otros bloqueadores tan populares, todo con un consumo m\u00ednimo de memoria y CPU.<\/p>\n
![\"uBlock](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/08\/uBlock-Origin-300x128.png\" "\\"\\"")
<\/p>\nSi despu\u00e9s de un tiempo cambias de opini\u00f3n acerca de las ventanas emergentes, siempre podr\u00e1s desbloquearlas f\u00e1cilmente. Solo tendr\u00e1s que desactivar o quitar las extensiones instaladas en tu navegador, o bien deshabilitar las configuraciones que hayas ajustado para bloquear pop ups.<\/p>\n
Y t\u00fa, \u00bfya tienes un pop-up en tu sitio web?<\/span><\/h2>\n
Crear un pop up en tu p\u00e1gina web puede marcar una gran diferencia en la captaci\u00f3n de leads, la interacci\u00f3n de los usuarios y la conversi\u00f3n de visitantes en clientes. Con las herramientas y los plugins adecuados, como los que te he mencionado en este art\u00edculo, puedes dise\u00f1ar ventanas emergentes llamativas que encajen con tus objetivos.<\/p>\n
Eso s\u00ed, es muy importarte que siempre pruebes y ajustes tus ventanas emergentes para sacarles el m\u00e1ximo partido. Adem\u00e1s, sin importar el plugin que elijas para crear un pop up, te recomiendo que lo pruebes en un entorno de pruebas de tu web, como un staging en WordPress<\/a><\/strong>.<\/p>\n
Ahora que conoces todos estos aspectos, est\u00e1s m\u00e1s que preparado para implementar pop ups en tu p\u00e1gina web. Dime, \u00bfhas creado alguna vez ventanas emergentes en tu sitio web? \u00bfO eres de los que est\u00e1n completamente en contra de su uso? Deja un comentario, que aqu\u00ed puede haber debate.<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00bfSab\u00edas que las ventanas emergentes (o popup) bien dise\u00f1adas pueden aumentar significativamente la conversi\u00f3n en tu sitio web?<\/p>\n","protected":false},"author":4,"featured_media":9610,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9605"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=9605"}],"version-history":[{"count":42,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9605\/revisions"}],"predecessor-version":[{"id":10034,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9605\/revisions\/10034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/9610"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=9605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=9605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=9605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Mensaje relevante:<\/strong> Debe transmitir de manera efectiva el objetivo del pop-up, ya sea una oferta, suscripci\u00f3n, informaci\u00f3n relevante, etc.<\/li>\n
- Incrementan las conversiones: <\/strong>Pueden ayudar a aumentar las conversiones al ofrecer oportunidades como suscripciones a newsletters, descargas de contenido o ventas directas.<\/li>\n
- uBlock Origin<\/a><\/li><\/ul><\/li>
- Mozilla Firefox<\/a><\/li><\/ul><\/li>
- Popup Builder<\/a><\/li>
- Paso 2: Ve a la secci\u00f3n \u201cPopup Maker\u201d en WordPress<\/a><\/li>
- Pop-ups de suscripci\u00f3n<\/a><\/li>
- \u00bfCu\u00e1les son los tipos de pop-up que existen? [Ejemplos]<\/a>