How To Create a Popup Banner To Shopify
902 views
Feb 28, 2024
How To Create a Popup Banner To Shopify
View Video Transcript
0:00
Hey everybody, welcome to this new video of TechQuest
0:02
I'm gonna be showing you really, really quick how to add a popup banner into your Shopify store
0:06
Really, really easy to process. There are actually lots of way that we can do this
0:10
So in order to get started, what I wanted to do is to go directly inside my Shopify
0:17
So here into Shopify, as you can see, here's my actual store, right? So let's focus and open a new tab
0:22
Here into new tab, what I want to do is to go into elpsite.com. This one should be helping us a lot
0:27
to create lots of templates, lots of stuff, lots of themes for our Shopify store
0:33
So what I want to do is to create an account. Once you have created an account
0:37
the process should be really, really easy. Just create an actual widget. So you don't have to pay absolutely for anything
0:43
Just those tell you if you are like a little bit worried about this
0:47
So now here into the app catalog, what I want to do is to look out for some popup
0:52
So I'm gonna go for pop, and here as you can see, you have an actual popup
0:55
So I click this option. And now we have this template. And here as you can see
0:59
you can choose the one that fits for you the best. So let's say that, for example, I wanted to offer something into my store
1:06
So I choose this one. I hit into continue with this template
1:10
and this is gonna be popping up this new builder section where I can start to edit my popup
1:15
So you can see this how it's gonna be looking, my popup. If you don't like it, you can edit it later
1:19
But in my case, I'm just gonna leave it like that. So once you have successfully do this
1:24
I'm gonna hit into okay. And now once again, we wanted to focus into the free version
1:28
because we only have one website and we only have one popup website
1:32
But if you are interested in using more stuff, you can check it out the plans that are available here
1:37
Let's focus into the free version actually. You're gonna hit into select, and now it's gonna be asking to copy and paste this code
1:44
into the desired place of your website. So this is the part where it's really, really important
1:49
Took a lot of attention, guys. If you don't know anything about coding
1:53
it's really easy, but do as I am just saying step by step
1:57
So first of all, I'm gonna copy this code. I go back into my Shopify
2:01
We are totally okay here, right? So go into your online store, focus into themes
2:07
So now that we are here, focus into the homepage. I wanted to show everything into the homepage, right
2:12
Into the very first page. So here into homepage, I'm gonna hit into add section
2:16
So really, really important, we are into the header, add section. All right, so let's go into add section
2:23
And here, I'm gonna look out for custom liquid. I'm gonna click here, and I'm gonna paste my liquid
2:30
that we have just created. And automatically, it should be appearing here
2:34
our custom liquid, our stuff here. So I'm gonna hit now into the three dots
2:40
I'm gonna hit into view, and just wait till the pop-up comes out
2:44
There you go. So as you can see here, it is appearing. If you want to see this into the actual whole page
2:50
you can go and change your actual widget. In my case, remember that I choose this one
2:55
into the right part, but you can change it for whatever you are looking for
2:59
So really, really easy to process, guys. Really, really simple. So just in case you have any questions
3:03
you can leave it down below in the comment section. Thank you so much for watching the video, guys. Hopefully, it was very useful for you
3:09
and hopefully, I'll see you next time. See you soon. ♪ Hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey, hey
#Other
#Shopping
#Software