Back to Blog List

Cómo agregar una ventana emergente en Shopify de dos maneras sencillas

GemPages Team
Updated:
6 minutes read
How to Add A Pop-up on Shopify in 2 Easy Ways

Agregar una ventana emergente a tu tienda Shopify puede ser una excelente manera de captar la atención de los visitantes, promocionar ofertas especiales, recopilar direcciones de correo electrónico para marketing o compartir información importante. Puedes crear una ventana emergente en Shopify mediante varios métodos, incluidas aplicaciones o agregando código manualmente a tu tema.

¿Cómo agregar una ventana emergente en Shopify fácilmente? ¡Aquí tienes una guía paso a paso para que puedas comenzar en unos minutos!

Por qué es esencial contar con una ventana emergente adecuada para su tienda Shopify

Las ventanas emergentes son extremadamente útiles para recopilar direcciones de correo electrónico, promocionar ofertas especiales, recomendar productos a los clientes, etc. Son la piedra angular de las ventas y la interacción con los clientes a través de ventanas emergentes es su prioridad, así que asegúrese de hacerlo bien.

Ejemplo de ventana emergente de tienda Shopify

Un ejemplo de una ventana emergente utilizada en una página de Shopify

Aprenda cómo agregar una ventana emergente en Shopify para:

  • Dirija a los visitantes a una página de producto particular de su elección
  • Activar actividades de ventas y marketing
  • Comunicar retrasos en los envíos debido a eventos inesperados
  • Recomendar una compra complementaria/venta cruzada en el momento del pago

Obtenga más información : ¿Cómo hacer crecer su lista de correo electrónico con ventanas emergentes en el sitio web?

Cómo agregar una ventana emergente en la tienda Shopify

Si quieres añadir una ventana emergente a tu tienda Shopify, tienes dos opciones: puedes utilizar una aplicación de terceros fácil de usar o adentrarte en la codificación.

Método 1: Uso de aplicaciones emergentes de terceros

Este método es el más simple y es muy recomendado para la mayoría de los comerciantes de Shopify porque no requiere ninguna codificación manual de su parte.

Paso 1: Seleccione una aplicación emergente de Shopify

Dirígete a la tienda de aplicaciones de Shopify y elige una aplicación emergente que se adapte a las necesidades de tu negocio. Descubre qué aplicaciones emergentes recomendamos en la parte final de este artículo.

Aplicación emergente de Shopify

Paso 2: Instalar la aplicación emergente

Para este tutorial, instalaremos la aplicación “Rivo Popups ‑ Email Pop-ups”. Es una aplicación gratuita y tiene una impresionante calificación de 5,0 en más de 4000 reseñas.

Instalar la aplicación emergente

Revise los detalles de privacidad y los detalles de permisos, luego haga clic en Instalar aplicación para continuar.

Instalar la aplicación rivo

Paso 3: Configurar la ventana emergente

Decide cómo se verá la ventana emergente, establece sus reglas de visualización y completa el contenido. Obtén una vista previa de los cambios y publícalos.

configurar rivo

Método 2: Cómo agregar una ventana emergente en la tienda Shopify usando GemPages - Shopify Page Builder

Si bien GemPages puede no ser una aplicación emergente dedicada, es el creador de páginas de Shopify mejor calificado que le permite agregar y personalizar sin esfuerzo ventanas emergentes en sus páginas de Shopify y se ha demostrado que es fundamental para potenciar su campaña de comercio electrónico.

En general, siga estos sencillos pasos para agregar una ventana emergente en su página de Shopify:

Paso 1 : Instale GemPages desde la tienda de aplicaciones de Shopify

Paso 2 : Acceda al panel de GemPages y haga clic en "Crear nueva página" para abrir el Editor.

Crear nueva página GemPages

Paso 3 : En la barra lateral izquierda del Editor, busque el elemento "Ventana emergente" y simplemente arrástrelo y suéltelo en su página.

Página emergente de gempage

Paso 4 : Personaliza la ventana emergente

El editor intuitivo de GemPages facilita la configuración de las ventanas emergentes y el estilo que desees. Para obtener una guía paso a paso sobre cómo agregar el elemento emergente a tus páginas de Shopify, consulta nuestra guía paso a paso completa .

Comience a vender en Shopify por $1 al mes
Prueba Shopify gratis y luego disfruta de los próximos 3 meses por $1 al mes en planes seleccionados.

Método 3: Cómo agregar una ventana emergente en Shopify mediante codificación

También puedes confiar en la codificación para agregar una ventana emergente a tu tienda Shopify.

Paso 1 : Agregar un nuevo fragmento

En el panel de control de Shopify, dirígete a Canales de venta > Tienda online > Temas . Haz clic en el icono de tres puntos para ver más opciones. En el menú desplegable, elige la opción Editar código.

ventana emergente de edición de código

Haga clic en el botón «Agregar un nuevo fragmento» en la barra lateral izquierda.

añadir fragmento

Paso 2. Inserta un nombre y pega el código para crear un fragmento emergente. Haz clic en Guardar .

Este método requiere conocimientos técnicos. Puedes solicitar ayuda a un experto de Shopify, un socio o un desarrollador independiente.

Las mejores aplicaciones emergentes de Shopify (gratuitas y de pago)

Rivo Popups: ventanas emergentes de correo electrónico

Aplicación Rivo Popups

Una captura de pantalla de la aplicación Rivo Popups Shopify

Rivo Popups - Email Pop ups es una aplicación gratuita de Shopify que permite a los comerciantes ampliar su base de clientes incitando a los visitantes a suscribirse. El editor de estilo de diseño fácil de usar hace que personalizar el descuento y la ventana emergente sea muy fácil. Lo mejor de todo es que, una vez que un cliente comparte su correo electrónico, sus suscripciones se agregan sin problemas a su lista de clientes de Shopify.

Calificaciones: 5/5 de 4,334 reseñas.

Precio: Gratis

Características principales:

  • Apto para principiantes
  • Control total sobre cuándo y cómo aparece la ventana emergente, con opciones para establecer tiempos específicos, reglas de visualización de páginas y descuentos.
  • Muestra una barra de cupón adhesiva persistente que recuerda a los visitantes que deben usar su promoción
  • Código CSS personalizado disponible

Ideal para:

Vendedores de Shopify que desean crear su lista de correo electrónico mediante una ventana emergente de intención de salida. No se requiere código.

Privy - Ventanas emergentes, correo electrónico, SMS

Aplicación privada

Captura de pantalla de Privy: aplicación de Shopify para mensajes emergentes, correo electrónico y SMS

Privy - Pop-up, Email, SMS ha recibido la mayor cantidad de reseñas de clientes entre las aplicaciones que aparecen en este artículo, con un total de 24.802 reseñas. Su función de ventanas emergentes permite a los usuarios diseñar y lanzar campañas emergentes fácilmente en cuestión de minutos mediante un editor de arrastrar y soltar. Privy ofrece varias opciones, incluidas ruedas de ruleta para ganar, temporizadores de cuenta regresiva y ahorradores de carritos de compra, junto con plantillas predefinidas para mayor comodidad.

Calificaciones: 4.6/5 de 24,802 reseñas.

Precio: gratis hasta que reúnas 100 contactos a los que enviar correos electrónicos. Después, tendrás que elegir un plan pago. Los planes pagos comienzan en solo $30/mes por 1500 contactos y funciones de marketing por correo electrónico.

Características principales:

  • Admite muchos tipos de ventanas emergentes: ruedas para girar para ganar, temporizadores de cuenta regresiva, protectores de carritos de compra, etc.

Ideal para:

Vendedores de Shopify que desean crear su lista de correo electrónico mediante una ventana emergente de intención de salida. No se requiere código.

GemPages - Creador de páginas de Shopify

Un sitio web con códigos, textos y una imagen heroica de una mujer segura de sí misma.

¿Por qué crear ventanas emergentes por separado cuando puedes hacerlo con GemPages en uno?

Si bien GemPages no es una aplicación emergente en sí, es el creador de páginas de Shopify mejor clasificado que permite a los usuarios agregar y personalizar sin esfuerzo ventanas emergentes, así como otros elementos de ventas y marketing, en sus páginas de Shopify.

Con una amplia base de usuarios y excelentes críticas, GemPages es la opción ideal para crear, personalizar y optimizar su tienda Shopify.

Calificaciones: 4.9/5 de 3,667 reseñas.

Precios: GemPages ofrece un plan gratuito, pero para acceder a elementos de CRO como ventanas emergentes, puedes actualizar.

Características principales:

  • Diseño impulsado por IA: la función de IA Image-to-Layout genera imágenes de referencia o URL en diseños editables.
  • El editor más intuitivo : con un editor de arrastrar y soltar y más de 100 elementos de ventas y marketing, puede personalizar y optimizar sin esfuerzo sus páginas para crear páginas de aspecto profesional y listas para la conversión.

Ideal para:

GemPages es ideal para propietarios de tiendas, dropshippers o autónomos que buscan crear, personalizar y optimizar sus páginas de Shopify.

¿Tu tienda necesita algunas novedades?
Explora las funciones de GemPages y descubre qué funciona mejor para tu tienda. Plan gratuito disponible. Sin compromisos.

Optimonk: ventanas emergentes para tiendas Shopify de tamaño mediano

Un fondo rosa con la imagen de una botella y una mujer en un anuncio.

Descubra cómo agregar una ventana emergente de suscripción en Shopify con Optimonk

Optimonk es una excelente opción para tiendas Shopify de tamaño mediano que desean aprovechar el poder de las ventanas emergentes. Ofrece funciones de captura de clientes potenciales para reducir en última instancia el abandono del carrito de compras y aumentar las ventas.

Calificaciones: 4.9/5 de 824 reseñas.

Precio: gratuito. El plan Premium cuesta desde $39 al mes.

Características principales:

  • Tecnología de intención de salida: la tecnología de intención de salida de Optimonk puede detectar cuándo un visitante está a punto de abandonar su sitio y tentarlo inmediatamente a quedarse con una ventana emergente.
  • Opciones de segmentación: oriente sus anuncios a páginas, productos o segmentos de clientes específicos con ventanas emergentes personalizadas.
  • Análisis: Optimonk proporciona análisis e informes detallados para ayudar a realizar un seguimiento del rendimiento de sus ventanas emergentes.

Ideal para:

Tiendas Shopify de tamaño mediano que se centran en ventanas emergentes de intención de salida efectivas y en aumentar sus tasas de conversión.

Conclusión

Si quieres una ventana emergente en tu tienda Shopify, es importante tener en cuenta las necesidades específicas de tu negocio, tu presupuesto, la facilidad de uso y tus preferencias personales. Las aplicaciones emergentes son una excelente opción para los usuarios que priorizan la eficiencia, ya que ofrecen comodidad y una amplia gama de funciones. Por otro lado, las ventanas emergentes personalizadas ofrecen amplias opciones de personalización, pero requieren más tiempo y experiencia técnica.

Preguntas frecuentes sobre cómo agregar una ventana emergente en Shopify

Should I add a pop-up to my Shopify store?
It all boils down to your marketing and business goals. In peak marketing seasons, pop-ups can be extremely useful to promote special offers, announce upcoming sales, and keep visitors on your page longer.
How can I add a pop-up to my Shopify store?
To add a pop-up to your Shopify store, you can use a pop-up app or coding. No-code designers can opt for the first method, while more technical designers would prefer the second one.
What is the best free pop-up app for Shopify?
Wisepops, Optimonk, Sales pop-up by Proof Bear, and GemPages stand out in their own ways. Define your needs and choose the best one to boost your product offerings. For example, you can pick GemPages for a rich template library without starting from scratch. More advanced features in Wisepops would be beneficial for big teams.
Topics: 
Guides

Start selling on Shopify

Start with free trial, then get your first month for $1.

Start free trial
Shopify Sign Up Shopify Sign Up