How To Create A Custom Notification Popup In Shopify

Hi, Do you want to enhance look of your shopify store and wanted to get rid from shopify success message and wanted to convert them into a beautiful stunning success popup then your search just ends there. This article will help you to make a good looking popup for your shop.

Let’s Get Started

1. Go To shopify dashboard then click on Online Store > Themes > Actions > Edit Code.
2. Then search for your form where you want to integrate success popup, If I wanted to add this into contact form then I will search for contact form and open that form section.
3. Inside that respective section I will search for “{% if form.posted_successfully? %}” and below this I will post mentioned code

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
 swal({
 title: "Success!",
text: "We'll only send you the important things you want to know",
 icon: "success",
 });
 </script>

4. Then click on save button and test. Congratulations You are done.