Cómo crear su propia ventana emergente de cupones en WordPress

Las^(Online) compras en línea han facilitado que los consumidores busquen los mejores precios. Los cupones tienen un impacto significativo en las decisiones de compra y otras formas de acción que los desarrolladores web deben incorporar al diseño web.

El 90% de los consumidores usan cupones, se espera que el canje de cupones digitales alcance los $91 mil millones para 2022, y más de 25 millones de estadounidenses^(Americans) usan cupones mensualmente para ahorrar dinero.

¿Por qué ofrecer a los visitantes una ventana emergente de cupones?^{(Why Offer Visitors a Coupon Popup?)}

Los^(Savvy) propietarios de sitios inteligentes saben que ofrecer a los clientes un descuento a través de un cupón es una forma poderosa de atraerlos para que realicen una compra.

Todo el mundo ama mucho. Ofrecer cupones ayuda a las marcas a aumentar la actividad del sitio web, aumentar las conversiones del sitio y recuperar y convertir carritos abandonados.

Como WordPress (WP) es el sistema de administración de contenido más popular, este artículo proporcionará una guía paso a paso sobre cómo crear una ventana emergente de cupón de WP.

Utilice OptinMonster^{(Use OptinMonster)}

Comience creando una cuenta OptinMonster , instale y luego active el complemento OptinMonster para WordPress^{(plugin for WordPress)} en su sitio WP.

Encuentre el complemento en su panel de administración de WP, haga clic en él y luego conéctelo con OptinMonster .

Crear una ventana emergente de cupón con OptinMonster^{(Create a Coupon Popup with OptinMonster)}

Inicie sesión^(Log) en el panel de OptinMonster y haga clic en Crear nueva campaña^{(Create New Campaign)} .

Desde el Tipo de campaña, seleccione Emergente^(Popup) . La siguiente pantalla le mostrará varias plantillas diseñadas profesionalmente en varios colores y diseños.

Elija la plantilla Cupón^{(Coupon )} para crear una ventana emergente y haga clic en ella. Luego selecciona Usar plantilla^{(Use Template)} , dale un nombre a tu campaña y elige el sitio web donde quieres usarla.
Como ya conectó su sitio web (arriba), verá la URL de su sitio en el menú desplegable.

Selecciónelo y haga clic en Comenzar a construir^{(Start Building)} .

Emergente de cupón de diseño^{(Design Coupon Popup)}

Use el generador de arrastrar y soltar para cambiar el diseño, el texto y los colores de su cupón.

Para cambiar un elemento en el diseño, haga clic en él. Realice sus ediciones en el lado izquierdo y se mostrarán en la ventana emergente de vista previa a la derecha.

Cierre un elemento haciendo clic en el botón Inicio^(Home) o en la X.

superposición de fondo^{(Background Overlay)}

El color que rodea la ventana emergente de su cupón se llama superposición de fondo^{(Background Overlay)} . Para editarlo, vaya a Configuración^{(Optin Settings)} de opciones > Estilos de vista^{(Optin View Styles)} de opciones .

Puede cambiar el estilo de fondo^{(Background Style)} a un color sólido o un relleno degradado. También puede agregar una imagen y cambiar el borde.

Una vez que esté satisfecho con el aspecto de su cupón, haga clic en Guardar^(Save) .

¿Cómo recibirán los clientes su cupón?^{(How Will Customers Receive Your Coupon?)}

Una vez que haya terminado de diseñar la ventana emergente de su cupón, debe decidir cómo hacer llegar el cupón a sus clientes.

OptinMonster recomienda entregarlo de inmediato utilizando su vista de Éxito^(Success) , así como por correo electrónico. Para usar el correo electrónico, debe habilitar la integración de su proveedor de servicios de correo electrónico.

En la vista Éxito^{(Success )} , también puede:

Incluya el código de cupón como en la captura de pantalla anterior.
Redirija a los visitantes a una página diferente para canjear el cupón.

Tenga en cuenta que la vista Éxito^(Success) es la acción de botón predeterminada. Si desea utilizar una opción diferente, cambie la acción del botón siguiendo los pasos a continuación:

Edite el texto del botón.
Haga clic en Acción.^(Action.)

En Acción de éxito de formulario^{(Form Success Action)} , haga clic en el menú desplegable para ver las opciones disponibles. Si desea redirigir a una URL , escríbala en el campo.

Elija reglas de visualización^{(Choose Display Rules)}

Para seleccionar dónde y cuándo sus visitantes verán su cupón, vaya a la pestaña Reglas de visualización .^{(Display Rules)}

Puede utilizar diferentes tipos de contenido, campañas y ofertas exclusivas en cada página.

Para obtener más información sobre cómo usar las reglas de visualización^{(Display Rules)} , lea: Cómo usar las reglas de visualización para personalizar cuándo aparecerá una campaña^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Otros complementos de WordPress para crear campañas de marketing de cupones emergentes^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP ofrece otros complementos para ayudarlo a crear su propia ventana emergente de cupones. A continuación^(Below) se muestran algunos de ellos.

Descargue e instale el complemento de WP Icegram para crear opt-ins personalizados visualmente atractivos y llamadas a la acción siguiendo los pasos a continuación:

Inicie sesión en su panel de WP.
Haga clic en Agregar nueva campaña^{(Add New Campaign)} desde la opción Icegram en la barra lateral izquierda.
Seleccione una^{(Select one)} de las plantillas prefabricadas y haga clic en Vista previa^(Preview) .

Si le gusta cómo se ve en el modo de vista previa, haga clic en Usar esto^{(Use This)} para comenzar a personalizar la plantilla.
Cuando se abra la campaña, haga clic en Mensajes^(Messages) y agregue o edite el contenido de su mensaje.

Configure cómo y cuándo aparecerá la ventana emergente de su cupón haciendo clic en Reglas de visualización^{(Display Rules)} .

Las opciones de visualización emergente son:

Dónde:^{(Where: )} elija dónde desea que se muestre la ventana emergente del cupón.

En todo el sitio
Página principal
Páginas seleccionadas
URL específicas en su sitio

Cuándo^(When) : ¿Desea que la ventana emergente se muestre todo el tiempo o solo según lo programado?

Dispositivo^(Device) : elija qué dispositivos mostrarán la ventana emergente.

¿Quién^(Who) quieres que vea la ventana emergente?

Todos los usuarios
Solo usuarios registrados
No son usuarios que han iniciado sesión

Retargeting : ¿Desea que la ventana emergente de su cupón se muestre solo una vez en cada sesión?

Después de que un visitante haga clic en un CTA , ¿quieres mostrarle tu ventana emergente nuevamente o no?

Obtenga una vista previa de su formulario y configuración y haga clic en Publicar^(Publish) cuando se vea bien.

Cree su propia ventana emergente de cupones con el complemento WP Coupon Creator .^{(Coupon Creator WP)}

Coupon Creator utiliza un tipo de publicación personalizada y solo requiere configurar algunos ajustes. La versión gratuita permite a los usuarios mostrar e imprimir cupones para los clientes.

Una de las plantillas gratuitas muestra una imagen en el borde interior del cupón. La plantilla gratuita predeterminada tiene un espacio en el cupón para la oferta, los términos y la fecha de vencimiento de la oferta.

Si está buscando más funciones, también hay una versión pro.

Para crear un cupón, descargue e instale el complemento. Edite el Cupón estándar^{(Standard Coupon)} o agregue uno nuevo.
Genere un código abreviado de cupón desde el insertador de código abreviado del editor WP.

Inserte su oferta en Oferta. ^{(Deal. )}Ingrese^(Enter) sus términos para la oferta de cupón en Términos.^(Terms.)
Para usar el cupón, inserte el código abreviado en cualquier página o publicación donde desee que se muestre. Si asigna una fecha de caducidad, el cupón ya no será visible más allá de la fecha de caducidad que establezca.

Para obtener una lista completa de complementos emergentes de cupones de WP, visite WordPress.org^{(visit WordPress.org)} . Haga crecer su lista de correo electrónico, aumente sus seguidores en las redes sociales y aumente las ventas creando su propia ventana emergente de cupones en su sitio de WP.

Onlinе shopping has made it convenient for сonsumers to seаrch for the best prices. Coupons have a significant impact on purchasing decisiоns and other forms of action that web developers are asked to incorporatе іnto web desіgn.

90% of consumers use coupons, digital coupon redemption is expected to reach $91 billion by 2022, and over 25 million Americans use coupons monthly to save money.

Why Offer Visitors a Coupon Popup?

Savvy site owners know that offering customers a discount via a coupon is a powerful way to entice them to make a purchase.

Everyone loves a great deal. Offering coupons helps brands increase website activity, increase site conversions, and recover and convert abandoned carts.

As WordPress (WP) is the most popular content management system, this article will provide a step-by-step guide on how to create a WP coupon popup.

Use OptinMonster

Start by creating an OptinMonster account, installing, and then activating the OptinMonster plugin for WordPress on your WP site.

Find the plugin in your WP admin dashboard, click on it, and then connect it with OptinMonster.

Create a Coupon Popup with OptinMonster

Log into the OptinMonster dashboard and click Create New Campaign.

From the Campaign Type, select Popup. The next screen will show you several professionally designed templates in various colors and layouts.

Choose the Coupon template to create a pop up and click on it. Then select Use Template, give your campaign a name and choose the website where you want to use it.
Since you already connected your website (above), you will see your site URL listed in the drop-down menu.

Select it and click on Start Building.

Design Coupon Popup

Use the drag and drop builder to change the design, text, and colors of your coupon.

To change an element in the design, click on it. Make your edits on the left-hand side, and they will show on the preview popup on the right.

Close an element by clicking the Home button or the X.

Background Overlay

The color surrounding your coupon popup is called the Background Overlay. To edit it, go to Optin Settings > Optin View Styles.

You can change the Background Style to a solid color or gradient fill. You can also add an image and change the border.

Once you are happy with how your coupon looks, click Save.

How Will Customers Receive Your Coupon?

After you have finished designing your coupon popup, you must decide how to get the coupon to your customers.

OptinMonster recommends delivering it immediately using their Success view as well as by email. To use email, you must enable your email service provider integration.

In the Success view, you can also:

Include the coupon code as in the screenshot above.
Redirect visitors to a different page to redeem the coupon.

Note that the Success view is the default button action. If you want to use a different option, change the button action by following the steps below:

Edit the button text.
Click on Action.

Under Form Success Action, click the dropdown to see available options. If you want to redirect to a URL, type it into the field.

Choose Display Rules

To select where and when your visitors will see your coupon, go to the Display Rules tab.

You can use different types of content, campaigns and exclusive offers on each page.

To learn more about how to use Display Rules, read: How to Use Display Rules to Customize When a Campaign Will Appear.

Other WordPress Plugins For Building Coupon Popup Marketing Campaigns

WP offers may other plugins to help you create your own coupon popup. Below are a few of them.

Download and install the WP plugin Icegram to create visually appealing custom opt-ins and calls to action using the steps below:

Log into your WP dashboard.
Click on Add New Campaign from the Icegram option in the left-hand sidebar.
Select one of the pre-made templates and click on Preview.

If you like what it looks like in preview mode, click Use This to start customizing the template.
When the campaign opens, click on Messages and add or edit your message content.

Configure how and when your coupon popup will appear by clicking on Display Rules.

The popup display options are:

Where: Choose where you want the coupon popup to show.

Sitewide
Homepage
Selected pages
Specific URLs on your site

When: Do you want the pop up to show all the time or only as scheduled?

Device: Choose which devices will show the popup.

Who do you want to see the popup?

All users
Only logged in users
Not users who are logged in

Retargeting: Do you want your coupon popup to show only once for each session?

After a visitor clicks on a CTA, do you want to show them your popup again or not?

Preview your form and settings and click Publish when it looks good.

Create your own coupon popup with the Coupon Creator WP plugin.

Coupon Creator uses a custom post type and only requires configuring a few settings. The free version enables users to display and print coupons for customers.

One of the free templates shows an image on the inside border of the coupon. The default free template has a space on the coupon for the deal, terms, and expiration date of the offer.

If you are looking for more features, there is also a pro version.

To create a coupon, download and install the plugin. Edit the Standard Coupon or add a new one.
Generate a coupon shortcode from the WP editor shortcode inserter.

Insert your offer under Deal. Enter your terms for the coupon deal under Terms.
To use the coupon, insert the shortcode on any page or post where you want it to show. If you assign an expiration date, the coupon will no longer be visible beyond the expiration date you set.

For a full list of WP coupon popup plugins visit WordPress.org. Grow your email list, increase your social media followers, and increase sales by creating your own coupon popup on your WP site.

Rate this post