{"id":40891,"date":"2020-07-14T06:43:30","date_gmt":"2020-07-14T06:43:30","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/"},"modified":"2026-04-07T16:03:15","modified_gmt":"2026-04-07T16:03:15","slug":"trucos-para-crear-el-popup-html-perfecto-para-tu-web","status":"publish","type":"post","link":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/","title":{"rendered":"Trucos para crear el popup HTML perfecto para tu web"},"content":{"rendered":"

Un error com\u00fan es pensar que solo a\u00f1adiendo un pop up a tu sitio tendr\u00e1s el juego ganado, pero la realidad es que hay ciertas formas de exprimir todo su potencial, algo que pocos logran.<\/strong><\/p>\n\n

El dilema de los popups<\/h2>\n

\u25cf Hay quienes afirman que el uso de estos complementos lo \u00fanico que hace es perjudicar la Experiencia de Usuario por la sencilla raz\u00f3n de que son muy molestos, no avisan y solo interrumpen la visita.<\/p>\n

\u25cf Por otra parte hay quienes dicen que son una de las mejores formas para generar conversiones en una p\u00e1gina web y que en cambio, agregan valor a los usuarios.<\/p>\n

\u00bfEntonces qui\u00e9n tiene raz\u00f3n?<\/strong>, vayamos a los datos.<\/p>\n

1. 98% de los visitantes se van de una web promedio sin realizar ninguna acci\u00f3n de valor<\/h3>\n

Fuente: Privy<\/a><\/p>\n

Est\u00e1 bien recibir visitantes, pero de poco sirve que solo entren para mirar<\/strong>. Sin ninguna herramienta como un formulario o un popup, no podr\u00e1s convertirlos como esperas.<\/p>\n

2. M\u00e1s de 23 millones de visitantes se convirtieron en suscriptores en tan solo 2 a\u00f1os, gracias a los pop ups de Sumo<\/h3>\n

Fuente: Sumo<\/p>\n

Es una buena se\u00f1al, tomando en cuanta que solo se est\u00e1n considerando los n\u00fameros de una herramienta.<\/p>\n

Esto confirma que los popups funcionan, entonces \u00bfpor qu\u00e9 a Google no le gusta encontrarlos al rastrear una p\u00e1gina web?<\/strong>, mas adelante explicare la delgada l\u00ednea entre un popup \u00fatil y uno que no sirve.<\/p>\n

3. La conversi\u00f3n promedio de los popups es de 3.09%, pero se puede llegar hasta un 40%<\/h3>\n

Fuente: Sumo<\/p>\n

El primero no es un n\u00famero tan malo, pero no estamos aqu\u00ed para ser parte del promedio, m\u00e1s adelante, sabr\u00e1s como llegar a ese 40%.<\/strong><\/p>\n

C\u00f3mo explica Sean Bestor, los popups HTML funcionan, el problema\/oportunidad es que<\/strong> muchos no saben c\u00f3mo hacer que funcionen.<\/p>\n

\"Trucos<\/a><\/p>\n

Trucos para mejorar la conversi\u00f3n de un popup HTML<\/h2>\n

1. Las ventanas con mayor conversi\u00f3n no aparecen inmediatamente<\/h3>\n

Imagina que deseas entrar a una tienda f\u00edsica, todav\u00eda no ves bien lo que hay, ni siquiera sabes si necesitas algo y cuando te acercas a la puerta aparece uno de esos vendedores acosadores.<\/p>\n

\u00bfC\u00f3mo esperas que los usuarios se conviertan cuando ni siquiera han visto bien lo que ofreces?<\/em><\/p>\n

En el mejor de los casos la mayor\u00eda ignorar\u00e1 la informaci\u00f3n y buscar\u00e1 con desesperaci\u00f3n el bot\u00f3n de cerrar.<\/strong><\/p>\n

En la investigaci\u00f3n de Sumo se descubri\u00f3 que entre los popups con mayor rendimiento, solo el 8% aparec\u00eda antes de los 4 segundos.<\/strong><\/p>\n

Esto tambi\u00e9n se aplica para las notificaciones push, la mayor\u00eda de sitios te ofrecen recibir notificaciones cuando ni siquiera has le\u00eddo un poco sobre qu\u00e9 trata la p\u00e1gina.<\/p>\n

\u00bfEntonces cu\u00e1ndo es buen momento? La respuesta que todos odiamos: depende.<\/em><\/p>\n

Debe el ser tiempo suficiente para que el usuario perciba que tu contenido vale la pena.<\/strong><\/p>\n

Por ejemplo, el siguiente pop up HTML aparece en una p\u00e1gina de libros a los 15 segundos despu\u00e9s de que el usuario entra:<\/p>\n

\"ejemplo<\/a><\/p>\n

Tiempo suficiente para que el usuario revise un poco la informaci\u00f3n, pero la clave aqu\u00ed es que el popup ofrece el primer cap\u00edtulo del libro que le interesa al usuario<\/strong>, totalmente gratis.<\/p>\n

Es decir, aparece en el mejor momento, ofreciendo algo de valor para el visitante, y si est\u00e1 interesado en el libro, no dejar\u00e1 pasar la oportunidad.<\/p>\n

Esto hace que dicha ventana tenga una conversi\u00f3n del 38.4%.<\/strong><\/p>\n

Esta es la magia del contexto\/tiempo, sigue leyendo porque pronto explicare que tiene que ver el contexto aqu\u00ed.<\/p>\n

Ahora, seguro has visto popups que aparecen de inmediato en grandes sitios como NeilPatel o DolceGabbana. \u00bfContradicen nuestro dato?<\/strong><\/p>\n

No. La explicaci\u00f3n es simple, estos m\u00e1s que sitios se han vuelto marcas de gran valor, por lo que muchos de los usuarios que entran a estos sitios ya conocen a la persona o marca y conf\u00edan tanto en est\u00e1s, que no tienen problema en suscribirse desde el primer momento.<\/p>\n

2. Los mejores pop ups contienen un texto impactante<\/h3>\n

Internet est\u00e1 saturado de tanta informaci\u00f3n y contenidos que ya ni se distinguen entre s\u00ed, esta es la raz\u00f3n por la que captar la atenci\u00f3n de los usuarios es cada vez m\u00e1s complicado.<\/strong><\/p>\n

Pero hay formas de llamar la atenci\u00f3n usando ciertas palabras fuera de lugar.<\/p>\n

Para lograrlo no puedes hacer el mismo popup de siempre. Es como acercarte a una chica bonita, por supuesto no puedes llegar con la t\u00edpica charla que seguro ha escuchado miles de veces.<\/p>\n

Veamos un ejemplo:<\/p>\n

\"ejemplo<\/a><\/p>\n

Esta ventana se encuentra en el sitio de Optinmonster (otra herramienta de creaci\u00f3n de popups HTML) y aparece al intentar salir.<\/p>\n

La clave de este ejemplo es decirle al usuario lo que tendr\u00e1 que enfrentar si no se queda en sitio. Vaya, esto son\u00f3 peor de lo que pens\u00e9.<\/strong><\/p>\n

Pero es real, estudios nos comprueban que los seres humanos ponemos mucha m\u00e1s atenci\u00f3n cuando estamos a punto de perder algo<\/a>. Y esto es algo que las grandes marcas ocupan para hacer marketing no solo con pop ups.<\/strong><\/p>\n

Por otra parte. Ve al grano, si en persona tienes poco tiempo para cautivar a una persona, en el mundo online, tienes a\u00fan menos.<\/p>\n

No hay tiempo para texto de relleno<\/strong>, como \u00abSuscr\u00edbete a nuestro blog y podr\u00e1s recibir…\u00bb.<\/p>\n

Si tienes un descuento di que tienes un descuento y si por ejemplo tienes un libro o curso de marketing o negocios no digas que lo tienes directamente, menciona que resultados puede obtener el visitante<\/strong> si lo adquiere o lo toma.<\/p>\n

Los usuarios est\u00e1n abrumados de tanto contenido, de hecho, de acuerdo con Nielsen NG<\/a>, la persona promedio solo lee el 28% de un post de blog incluso aunque parezca muy completo.<\/p>\n

No satures la interfaz con un popup complejo, recuerda que menos es m\u00e1s. Por supuesto como en otro tipo de anuncios o promociones tambi\u00e9n importa la claridad del mensaje.<\/p>\n

En conclusi\u00f3n, muestra un mensaje impactante usando el menor n\u00famero de palabras posible.<\/strong><\/p>\n

3. \u00bfUsar una imagen y una fecha l\u00edmite?<\/h3>\n

Tal vez te preguntes si poner una imagen o una cuenta regresiva para crear el sentido de urgencia dentro de un popup funciona de verdad o no.<\/p>\n

Tenemos datos que nos dan una respuesta s\u00f3lida.<\/p>\n

En una investigaci\u00f3n de Sleeknote<\/a>, se descubri\u00f3 que las ventanas emergentes con una imagen obtuvieron una mayor tasa de conversi\u00f3n frente a las que no<\/strong>. Espec\u00edficamente una tasa del 3.8% vs una del 2.07%.<\/p>\n

La hip\u00f3tesis neuro cient\u00edfica detr\u00e1s de esto, es que como muchos saben, los seres humanos somos visuales y por supuesto vamos a estar m\u00e1s atra\u00eddos por gr\u00e1ficos que por solo texto.<\/p>\n

Por supuesto antes de ir corriendo a poner una imagen, es recomendable hacer una prueba A\/B<\/strong> para comparar los resultados en el caso de tu sitio, ya que no en todas las ventanas es necesaria una im\u00e1gen, ni todas las im\u00e1genes tienen el mismo impacto.<\/p>\n

Por otra parte, existen los countdown’s, elementos para dejarle claro al usuario que la oferta que ofreces es limitada y que pronto desaparecer\u00e1.<\/p>\n

C\u00f3mo mencione antes, es una vieja t\u00e9cnica que aviva la atenci\u00f3n de la persona, por el sentimiento de perder algo pronto.<\/strong><\/p>\n

En el mismo estudio se descubri\u00f3 que los pop ups con tiempo limitado para accionar convert\u00edan mucho m\u00e1s que los que no<\/strong> generaban un sentido de urgencia. Espec\u00edficamente un 8.07% vs 3.79%.<\/p>\n

\"popup<\/p>\n

4. Los mejores popups ofrecen algo con demasiado valor<\/h3>\n

A menos que seas una gran marca internacional, pedir que se suscriban solo para recibir ofertas o contenidos no ser\u00e1 lo m\u00e1s seductor para los usuarios.<\/p>\n

Tal vez obtengas los correos de clientes fieles o personas conocidas, pero nada de gran impacto. Y esto por qu\u00e9 en vez de pedir tienes que dar.<\/strong><\/p>\n

\u00bfRecuerdas el popups que ofrec\u00eda el primer cap\u00edtulo del libro de inter\u00e9s para el usuario?<\/p>\n

Seguro que para muchos lo m\u00e1s l\u00f3gico es ofrecer una mini prueba gratis o un descuento y est\u00e1n en lo cierto.<\/strong><\/p>\n

La consultora Nielsen NG<\/a> menciona que los popups se vuelven m\u00e1quinas de conversi\u00f3n cuando ofrecen un descuento<\/a>, principalmente cuando el usuario intenta salir, un consejo que reafirma el equipo de Sumo.<\/p>\n

Pero \u00bfqu\u00e9 pasa cuando no puedes darte el lujo de ofrecer un descuento<\/strong> o una prueba gratis?<\/p>\n

Este es un juego muy competitivo, por supuesto que las grandes empresas pueden permitirse regalar un poco de dinero con tal de conseguir clientes.<\/p>\n

Y si quieres ser competitivo debes intentar ofrecer un descuento. Sin embargo puedes ocupar estrategias para no salir tan afectado como subir ligeramente el precio, ofrecer el descuento solo a partir de cierto n\u00famero de pedidos o venderle al usuario complementos al producto inicial.<\/p>\n

Pero a pesar de esto, existen otros beneficios que logran igualmente enormes tasas de conversi\u00f3n.<\/strong><\/p>\n

Ofrecer ebooks o reportes de investigaciones es lo que usan muchos bloggers para obtener emails, pero ojo, para que realmente funcionen deben ser contenidos \u00e9picos<\/strong>, por ejemplo informaci\u00f3n sobre c\u00f3mo una empresa pas\u00f3 de 0 a valer 50 millones de d\u00f3lares puede llamar la atenci\u00f3n.<\/p>\n

\"quicksprout<\/p>\n

Por ejemplo, aqu\u00ed se ofrece un webinar en donde se explica c\u00f3mo conseguir un gran volumen de tr\u00e1fico sin gastar nada de dinero en anuncios. Muy bueno.<\/p>\n

Desafortunadamente muchos bloggers ofrecen contenidos siempre parecidos entre s\u00ed, que incluso aunque no te pidieran el correo, no te los descargarias.<\/p>\n

Nadie quiere recibir anuncios en su correo, as\u00ed que deber\u00edas ofrecer una oferta pr\u00e1cticamente irresistible.<\/strong><\/p>\n

5. Los popups con la mejor tasa de conversi\u00f3n son los que entran en contexto<\/h3>\n

Para nadie es un secreto que un anuncio de s\u00e1banas queda mejor en una tienda de colchones que de comida.<\/p>\n

Eso parece muy obvio pero el problema de los popups con resultados mediocres es que no est\u00e1n relacionadas con la p\u00e1gina en cuesti\u00f3n<\/strong> donde se muestra.<\/p>\n

Tal vez se relacione de forma general, es decir si se trata de un blog de cocina, una popup HTML que ofrezca una gu\u00eda con los mejores consejos de cocina deber\u00eda funcionar \u00bfNo?<\/p>\n

Si, pero seguir\u00e1 siendo mediocre. A lo que me refiero es un contexto inigualable.<\/p>\n

Recordemos que gran parte del \u00e9xito en la experiencia del usuario en sitios como YouTube, Facebook o Amazon es lo impresionantes que son sus algoritmos<\/strong> para recomendarte contenido o productos en base al que est\u00e1s viendo o en tus intereses.<\/p>\n

Volvamos al caso del blog de cocina, imaginemos que el negocio detr\u00e1s es vender aparatos, utensilios e ingredientes de cocina de otras empresas.<\/p>\n

Y que el contenido que est\u00e1 viendo el usuario actualmente es sobre como preparar un pavo para la cena navide\u00f1a.<\/em><\/p>\n

M\u00e1s all\u00e1 de un popup que solo invite al usuario a suscribirse al blog, se puede ofrecer lo siguiente:<\/strong><\/p>\n

Otros contenidos:<\/strong><\/p>\n

– Los platillos para la cena navide\u00f1a m\u00e1s demandados<\/p>\n

– Consejos para lograr una cena navide\u00f1a inolvidable<\/p>\n

Incluso si el blog es local:<\/em><\/p>\n

– Los mejores lugares para comprar todo para la cena navide\u00f1a en la Ciudad de M\u00e9xico<\/p>\n

Pongo esto primero, porque no todos los usuarios est\u00e1n abiertos a suscribirse desde el primer momento, pero s\u00ed a ver qu\u00e9 m\u00e1s ofreces<\/strong>, si es que complementa su necesidad.<\/p>\n

Como dicen en Nielsen NG<\/a>, los sistemas de recomendaci\u00f3n pueden funcionar muy bien, siempre que aprovechen el contexto.<\/p>\n

Pero si quisi\u00e9ramos ganarnos un suscriptor<\/strong>, podr\u00edamos ofrecer una gu\u00eda tanto en texto como en video sobre como preparar la cena de navidad perfecta.<\/p>\n

Esta es una oferta que termina de complementar la necesidad actual del usuario.<\/p>\n

De acuerdo con la investigaci\u00f3n de Sumo, mantener el contexto es lo que hace que pocos popups logren tasas de conversi\u00f3n superiores al 40%.<\/strong><\/p>\n

Veamos este gran ejemplo:<\/p>\n

\"popup<\/p>\n

No tiene el mejor dise\u00f1o pero aparece justo en una rese\u00f1a del software Squarespace y todo el pop up se relaciona con esta herramienta. Excelente contexto.<\/p>\n

El problema es que demasiados sitios crean el t\u00edpico popup de suscripci\u00f3n y lo programan para que aparezca en el mayor n\u00famero de p\u00e1ginas de su sitio. \u00bfPor qu\u00e9 lo hacen?<\/p>\n

A estas alturas cualquiera se da cuenta que un anuncio en Facebook puede llegar a ser 15 veces m\u00e1s eficiente que uno en TV nacional, gracias a la segmentaci\u00f3n.<\/strong><\/p>\n

Para mejorar a\u00fan m\u00e1s el contexto, hoy en d\u00eda los popups se pueden segmentar no solo por p\u00e1ginas, si no por factores como:<\/p>\n

– De qu\u00e9 p\u00e1gina viene el visitante<\/p>\n

– Su ubicaci\u00f3n geogr\u00e1fica<\/p>\n

– El dispositivo que usa<\/p>\n

– Si el usuario es nuevo o recurrente<\/p>\n

Y muchos m\u00e1s<\/p>\n

Con esto se logra crear un popup especial<\/strong> para una determinada audiencia, lo que puede aumentar la tasa de conversi\u00f3n brutalmente.<\/p>\n

Ahora, s\u00ed la mayor\u00eda de sitios no hace esto, es por qu\u00e9 principalmente requiere m\u00e1s tiempo y esfuerzo que automatizar un popup general para toda una web. Es hora de aprovechar su negligencia.<\/p>\n

\u00bfCon que herramienta crear popups HTML?<\/h2>\n

Para pasar a la acci\u00f3n esta es una buena pregunta. Aunque hemos mencionado algunas a lo largo de este contenido, existe algo mejor.<\/p>\n

Te dejo el top de las mejores herramientas para crear popups de todo el mundo<\/strong>, basado no en la opini\u00f3n de una persona si no en un algoritmo que contempla una serie de factores para calificarlas de la forma m\u00e1s eficiente. Clic para ir<\/a>.<\/p>\n

No solo sabr\u00e1s el nombre de cada herramienta, podr\u00e1s ver ejemplos en vivo de popups<\/strong> creados con est\u00e1s, conocer sus ventajas y desventajas, sus precios y aprender desde 0 c\u00f3mo se usan.<\/p>\n

Por \u00faltimo para poder sacarle provecho a la lista de prospectos que generes gracias a tus pop ups necesitar\u00e1s una herramienta de email marketing<\/a>, aqu\u00ed es donde entra Mailrelay, crea tu cuenta gratis en pocos pasos.<\/p>\n

Bueno, sinceramente espero que est\u00e9 contenido te haya sido muy \u00fatil, me alegrar\u00eda mucho si lo compartieras. Recuerda que puedes dejar tus dudas y opiniones en los comentarios, hasta la pr\u00f3xima.<\/p>\n

\"Arturo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Un error com\u00fan es pensar que solo a\u00f1adiendo un pop up a tu sitio tendr\u00e1s el juego ganado, pero la realidad es que hay ciertas formas de exprimir todo su potencial, algo que pocos logran. El dilema de los popups \u25cf Hay quienes afirman que el uso de estos complementos lo \u00fanico que hace es […]<\/p>\n","protected":false},"author":1,"featured_media":27343,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[232,16],"tags":[],"class_list":["post-40891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","category-uncategorized-pt"],"yoast_head":"\nCrear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay<\/title>\n<meta name=\"description\" content=\"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay\" \/>\n<meta property=\"og:description\" content=\"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailrelay\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mailrelay\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-14T06:43:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T16:03:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mailrelay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mailrelay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/\"},\"author\":{\"name\":\"Mailrelay\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/355071c9f6e00fa8c8731ac93e0aa487\"},\"headline\":\"Trucos para crear el popup HTML perfecto para tu web\",\"datePublished\":\"2020-07-14T06:43:30+00:00\",\"dateModified\":\"2026-04-07T16:03:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/\"},\"wordCount\":2405,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"articleSection\":[\"marketing\",\"Uncategorized @pt\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/\",\"name\":\"Crear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"datePublished\":\"2020-07-14T06:43:30+00:00\",\"dateModified\":\"2026-04-07T16:03:15+00:00\",\"description\":\"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"contentUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"width\":630,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/2020\\\/07\\\/14\\\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trucos para crear el popup HTML perfecto para tu web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com - Email Marketing Software\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/mailrelay-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/mailrelay-logo.jpg\",\"width\":613,\"height\":291,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Mailrelay\\\/\",\"https:\\\/\\\/x.com\\\/mailrelay\",\"https:\\\/\\\/www.youtube.com\\\/mailrelay-email-marketing\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/355071c9f6e00fa8c8731ac93e0aa487\",\"name\":\"Mailrelay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"caption\":\"Mailrelay\"},\"url\":\"https:\\\/\\\/mailrelay.com\\\/es\\\/blog\\\/author\\\/mailrelay\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay","description":"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705","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:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/","og_locale":"es_ES","og_type":"article","og_title":"Crear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay","og_description":"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705","og_url":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2020-07-14T06:43:30+00:00","article_modified_time":"2026-04-07T16:03:15+00:00","og_image":[{"width":630,"height":340,"url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","type":"image\/png"}],"author":"Mailrelay","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Escrito por":"Mailrelay","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#article","isPartOf":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/"},"author":{"name":"Mailrelay","@id":"https:\/\/mailrelay.com\/es\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487"},"headline":"Trucos para crear el popup HTML perfecto para tu web","datePublished":"2020-07-14T06:43:30+00:00","dateModified":"2026-04-07T16:03:15+00:00","mainEntityOfPage":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/"},"wordCount":2405,"commentCount":0,"publisher":{"@id":"https:\/\/mailrelay.com\/es\/#organization"},"image":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","articleSection":["marketing","Uncategorized @pt"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/","url":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/","name":"Crear HTML Popups Perfectos para tu Web [5 Trucos] | Mailrelay","isPartOf":{"@id":"https:\/\/mailrelay.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#primaryimage"},"image":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","datePublished":"2020-07-14T06:43:30+00:00","dateModified":"2026-04-07T16:03:15+00:00","description":"\u25ba \u00bfConoces los trucos para crear un pop up en html? \u27a1\ufe0f En Mailrelay te ense\u00f1amos como hacer este proceso y a\u00f1adir un formulario en un p\u00e1gina web\u2705","breadcrumb":{"@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#primaryimage","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","width":630,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/mailrelay.com\/es\/blog\/2020\/07\/14\/trucos-para-crear-el-popup-html-perfecto-para-tu-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailrelay.com\/es\/"},{"@type":"ListItem","position":2,"name":"Trucos para crear el popup HTML perfecto para tu web"}]},{"@type":"WebSite","@id":"https:\/\/mailrelay.com\/es\/#website","url":"https:\/\/mailrelay.com\/es\/","name":"Mailrelay","description":"Mailrelay.com - Email Marketing Software","publisher":{"@id":"https:\/\/mailrelay.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailrelay.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mailrelay.com\/es\/#organization","name":"Mailrelay","url":"https:\/\/mailrelay.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mailrelay.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","width":613,"height":291,"caption":"Mailrelay"},"image":{"@id":"https:\/\/mailrelay.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mailrelay\/","https:\/\/x.com\/mailrelay","https:\/\/www.youtube.com\/mailrelay-email-marketing"]},{"@type":"Person","@id":"https:\/\/mailrelay.com\/es\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487","name":"Mailrelay","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","caption":"Mailrelay"},"url":"https:\/\/mailrelay.com\/es\/blog\/author\/mailrelay\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-150x150.png",150,150,true],"medium":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-300x162.png",300,162,true],"medium_large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"1536x1536":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"2048x2048":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"testimonials":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-110x59.png",110,59,true],"author-image":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",60,32,false],"yarpp-thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",120,65,false]},"uagb_author_info":{"display_name":"Mailrelay","author_link":"https:\/\/mailrelay.com\/es\/blog\/author\/mailrelay\/"},"uagb_comment_info":67,"uagb_excerpt":"Un error com\u00fan es pensar que solo a\u00f1adiendo un pop up a tu sitio tendr\u00e1s el juego ganado, pero la realidad es que hay ciertas formas de exprimir todo su potencial, algo que pocos logran. El dilema de los popups \u25cf Hay quienes afirman que el uso de estos complementos lo \u00fanico que hace es…","_links":{"self":[{"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/40891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/comments?post=40891"}],"version-history":[{"count":11,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/40891\/revisions"}],"predecessor-version":[{"id":88857,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/40891\/revisions\/88857"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/media\/27343"}],"wp:attachment":[{"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/media?parent=40891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/categories?post=40891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailrelay.com\/es\/wp-json\/wp\/v2\/tags?post=40891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}