{"id":15395,"date":"2021-09-02T13:10:32","date_gmt":"2021-09-02T11:10:32","guid":{"rendered":"\/tutoriales\/?p=15395"},"modified":"2025-02-13T12:41:04","modified_gmt":"2025-02-13T11:41:04","slug":"como-hacer-que-tus-ventanas-emergentes-sean-efectivas","status":"publish","type":"post","link":"\/co\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas","title":{"rendered":"\u00bfC\u00f3mo hacer que tus ventanas emergentes sean efectivas?"},"content":{"rendered":"<p>Una ventana emergente es un cuadro que aparece cada vez que un visitante habilita un activador establecido. Por lo general, contiene informaci&oacute;n sobre el tema de la ventana emergente y una llamada a la acci&oacute;n que anima a las personas a tomar medidas.<\/p><p>Una ventana emergente puede ser una herramienta de marketing realmente eficaz para aumentar tu lista de suscriptores, ampliar tu base de clientes o realizar cualquier otra acci&oacute;n que se pretenda realizar. Sin embargo, si se usa incorrectamente, una ventana emergente puede convertirse en una molestia y alejar a los visitantes de tu sitio web.<\/p><p>En otras palabras, una ventana emergente puede acelerar significativamente el crecimiento de tu negocio, pero solo cuando se usa correctamente. Mu&eacute;strala demasiadas veces para el mismo visitante y es probable que nunca vuelva a visitar tu sitio web.<\/p><p>Es por eso que decidimos brindarte esta breve gu&iacute;a. No solo te ayudar&aacute; a crear ventanas emergentes est&eacute;ticamente agradables, sino que tambi&eacute;n te explicar&aacute; c&oacute;mo y cu&aacute;ndo usarlas para aumentar la conversi&oacute;n.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-un-diseno-eficaz-dice-mil-palabras\">Un dise&ntilde;o eficaz dice mil palabras<\/h2><p>Cuando decidas agregar una ventana emergente a una p&aacute;gina de tu sitio web, debes tener un objetivo claro en mente. &iquest;Es para aumentar el n&uacute;mero de suscriptores? &iquest;Ofrecer un c&oacute;digo de descuento con la esperanza de que aumenten las ventas? &iquest;O para proporcionar alg&uacute;n tipo de im&aacute;n de clientes potenciales, como un eBook gratuito o un art&iacute;culo extremadamente &uacute;til?<\/p><p>Cualquiera que sea el objetivo, debe quedar claro de inmediato. La ventana emergente debe presentar el mensaje al instante, sin que los visitantes tengan que leer el texto completo.<\/p><p>Esto significa tener un titular claro y pegadizo que explique cu&aacute;l es la oferta. Luego, una descripci&oacute;n m&aacute;s detallada debajo que los visitantes pueden leer si est&aacute;n intrigados por tu oferta.<\/p><p>Por &uacute;ltimo, la ventana emergente debe tener una llamada a la acci&oacute;n clara. Si est&aacute;n dispuestos a aceptar lo que ofreces, deben poder actuar de inmediato.<\/p><p>Aparte del texto y un bot&oacute;n de llamada a la acci&oacute;n claro, aseg&uacute;rate de que el dise&ntilde;o general de la ventana emergente coincida con tu sitio web. Usa una fuente de texto y un estilo de escritura similares, as&iacute; como colores complementarios que funcionen bien con tu sitio.<\/p><h2 class=\"wp-block-heading\" id=\"h-hazlo-en-el-momento-correcto\">&iexcl;Hazlo en el momento correcto!<\/h2><p>Esta es la parte que m&aacute;s afecta a la conversi&oacute;n de tus ventanas emergentes. Si haces que la ventana emergente aparezca demasiado tarde o demasiado pronto, corres el riesgo de aumentar la tasa de rebote del sitio.<\/p><p>Seg&uacute;n varios estudios, el mejor momento para una ventana emergente es el <a href=\"https:\/\/wisepops.com\/popup-timing\/\" target=\"_blank\" rel=\"noopener\"><strong>50-60% del tiempo promedio que se pasa en una p&aacute;gina<\/strong><\/a>. Les da a los visitantes el tiempo suficiente para ver si est&aacute;n interesados &#8203;&#8203;en lo que tu empresa tiene para ofrecer, pero no el tiempo suficiente para decidir si tomar&aacute;n medidas hoy o no.<\/p><p>Otro aspecto que afecta la sincronizaci&oacute;n de las ventanas emergentes es su tipo. Generalmente, las ventanas emergentes se pueden dividir en tres categor&iacute;as:<\/p><ul class=\"wp-block-list\">\n<li>Ventanas emergentes de salida<\/li>\n\n\n\n<li>Ventanas emergentes de desplazamiento<\/li>\n\n\n\n<li>Ventanas emergentes cronometradas<\/li>\n<\/ul><p>Las <strong>ventanas emergentes de salida<\/strong> aparecen cuando el visitante intenta salir de tu sitio web. Su principal objetivo es convencerlos de que se queden ofreci&eacute;ndoles algo a cambio.<\/p><p>Las <strong>ventanas emergentes de desplazamiento<\/strong> se activan mediante un activador establecido, como llegar a un punto determinado de la p&aacute;gina. Este tipo de ventana emergente funciona bien para m&uacute;ltiples prop&oacute;sitos.<\/p><p>Finalmente, tenemos las <strong>ventanas emergentes cronometradas<\/strong>, una opci&oacute;n flexible que tambi&eacute;n se puede usar para varios prop&oacute;sitos diferentes.<\/p><p>Echa otro vistazo al objetivo establecido de tu ventana emergente y ver&aacute;s qu&eacute; categor&iacute;a ser&aacute; la m&aacute;s efectiva para tu campa&ntilde;a de generaci&oacute;n de clientes potenciales.<\/p><h2 class=\"wp-block-heading\" id=\"h-elige-las-herramientas-adecuadas\">Elige las herramientas adecuadas<\/h2><p>No necesitas saber c&oacute;mo codificar para crear una ventana emergente personalizada. Si est&aacute;s utilizando WordPress para ejecutar tu sitio web, hay muchos plugins gratuitos y de pago que te ayudan a crear uno con facilidad.<\/p><p>Estos son los tres plugins principales que recomendamos:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/optinmonster.com\/\" target=\"_blank\" rel=\"noopener\"><strong>OptinMonster<\/strong><\/a>: es un conjunto de herramientas que ayudan a dise&ntilde;ar diferentes tipos de campa&ntilde;as de generaci&oacute;n de leads, incluidas las ventanas emergentes.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/sumome\/\" target=\"_blank\" rel=\"noopener\"><strong>Sumo<\/strong><\/a>: un plugin emergente gratuito que se utiliza principalmente para el crecimiento de la lista de email.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/plugins\/bloom\/\" target=\"_blank\" rel=\"noopener\"><strong>Bloom<\/strong><\/a>: un plugin que te permite personalizar en gran medida la apariencia y la ubicaci&oacute;n de las ventanas emergentes.<\/li>\n<\/ul><p>Con una variedad tan grande de herramientas para elegir, puedes <a href=\"https:\/\/blog.hostinger.io\/co-tutoriales\/como-generar-trafico-web-rapidamente\" target=\"_blank\" rel=\"noopener\"><strong>comenzar tus campa&ntilde;as de generaci&oacute;n de leads sin m&aacute;s demoras<\/strong><\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-preparate-para-generar-mas-clientes-potenciales\">Prep&aacute;rate para generar m&aacute;s clientes potenciales<\/h2><p>Si tu ventana emergente es efectiva, deber&iacute;as comenzar a ver un aumento en el tr&aacute;fico y las ventas muy pronto. Observa los an&aacute;lisis de tu sitio web y calcula la velocidad a la que se espera que crezca tu negocio.<\/p><p>Sin embargo, el trabajo no se detiene ah&iacute;. Para llevar el tr&aacute;fico y el crecimiento de las ventas a su m&aacute;ximo potencial, tu sitio web <a href=\"https:\/\/blog.hostinger.io\/co-tutoriales\/preparacion-para-el-crecimiento-de-tu-sitio-web\" target=\"_blank\" rel=\"noopener\"><strong>debe estar listo para la carga adiciona<\/strong><\/a><strong><a href=\"https:\/\/blog.hostinger.io\/co-tutoriales\/preparacion-para-el-crecimiento-de-tu-sitio-web\" target=\"_blank\" rel=\"noopener\">l<\/a><\/strong>.<\/p><p>Verifica tu servicio de hosting web actual y los recursos que proporciona tu proveedor de hosting web. Aseg&uacute;rate de que el plan tenga suficiente ancho de banda y almacenamiento para adaptarse a tu negocio en crecimiento, o que se pueda actualizar sin muchos problemas.<\/p><p>Si descubres que tu servicio de hosting web actual pronto ser&aacute; insuficiente, aseg&uacute;rate de consultar qu&eacute; m&aacute;s hay disponible en el mercado.<\/p><p>\n\n\n\n    <div class=\"mb-50 mt-50 mt-70-xxl\">\n        <div class=\"banner__bg \">\n            <span class=\"h3 font-weight-bold banner__header\">Prepara tu sitio web para el futuro y el tr&aacute;fico adicional con nuestro hosting.<\/span>\n                                <a href=\"\/hosting-web\" class=\"new-h-button-primary button text-white mt-30 float-right banner__btn\">Prepararse para crecer<\/a>\n                            <\/div>\n    <\/div>\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una ventana emergente es un cuadro que aparece cada vez que un visitante habilita un activador establecido. Por lo general, contiene informaci&oacute;n sobre el tema de la ventana emergente y una llamada a la acci&oacute;n que anima a las personas a tomar medidas. Una ventana emergente puede ser una herramienta de marketing realmente eficaz para [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":235,"featured_media":15396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"categories":[12394],"tags":[],"class_list":["post-15395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-hacer-que-tus-ventanas-emergentes-sean-efectivas","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/15395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/235"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=15395"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/15395\/revisions"}],"predecessor-version":[{"id":45372,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/15395\/revisions\/45372"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media\/15396"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=15395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=15395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=15395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}