How to create offer popup in wordpress website

Display popups in WordPress by using the plugin

If you have no idea how to display offer popups on your website then this post will help you to create your own popups. Offer popup messages are helpful to users for getting helpful information quickly and without opening any extra pages. I hope you will enjoy this post and properly understand how to display the offer popups on the WordPress website. If you have any queries regarding this post then drop your comment in the comment section. If you have to know any best WordPress popup plugins free then comment me that plugin's name.

wordpress popup

If you want simple visual steps for completing this task then please watch the below video. It will help you to speed up your task.


If you already watched the above video and you want the source code displayed in the video then the source code is given below:

<div class="coupon">

<div class="container" style="background-color: white;">

<h2 style="text-align: center;">

<img class="alignnone wp-image-782" src="http://allprocoding2.epizy.com/wp-content/uploads/2023/03/abstract-g0797aa279_640-300x226.jpg" alt="" width="224" height="169" /></h2>

<h2 style="text-align: center;"><b>20% OFF YOUR PURCHASE</b></h2>

<h6 style="text-align: center;">

<span style="background-color: #ff0000; color: #ffffff; padding: 10px; border-radius: 20px;">Grab your promo code now</span></h6>

<hr />

<h5 style="text-align: center;">Use Promo Code: <span class="promo">BOH232</span></h5>

<hr />

</div>

<div class="container">

<p class="expire" style="text-align: center;"><strong>Expires: Jun 03, 2023</strong></p>

</div>

</div>


Note: When you use the above source code then remember that you must put this code in "Text" section as shown in the video and don't forget to replace your image URL.



Post a Comment

0 Comments