- How to connect newsletter sign-up form in the footer
or anywhere on your Shopify store to Klaviyo.
(music)
Hi, my name is Andriy. I'm the founder
of Flowium on this YouTube channel. Every week,
we are posting, email marketing related video,
Klaviyo related video, or on marketing videos.
So, stay tuned! And in today's video, I'll show you how
to connect Shopify sign up form to Klaviyo.
First thing first, like this video I created
a long time ago, uh, I know it shows 2018
but it's even older
and it's outdated, so that's why
I decided to record the new video.
So first, let's go to Klaviyo.
This is my Klaviyo demo account, and we need
to make sure that code snippet is, is told
in Shopify, so first thing, uh, go
to integrations. Be sure you want integrations
acting as Shopify. Click on Shopify.
Click "automatically add Klaviyo JavaScript, recommended".
If it's unchecked, make sure to check it
and click update. Whoops, no.
(clicking)
So now it's integrating, it's updating.
And then go back to "sign-up forms".
Click "install code snippet". So it's working, great.
So here's my Shopify, this is, that's Shopify
I use to do experiments.
(laughs)
Okay, as you can see when I scroll down,
this is my newsletter. Uh, so,
we go to online store-- oh! By the way,
Just to make your life easier, uh,
after you install that snippet that they show you
was integration, automatically add the co-snippet,
and you have to do nothing else. This newsletter is good
and it's already connected. There's no extra action,
uh action from you required. If you want
to customize it, just click on online store,
click "customize". Click "footer", "newsletter", and
add whatever copy you want to add to this part.
Uh, just quick test: Andriy...
So here's my profiles. Those are profiles,
let's do "andriyyoutubevideo@flowium.com."
Okay, so no spaces. Subscribe.
Okay, it's asking me if I'm not robot. Subscribe.
Cool, and let's wait here.
As you can see, it just appeared there.
And it should be subscribed to newsletter list.
It's not... Shopify tags, newsletter.
And for some reasons, it's not uh,
connected to my list, but it should.
Okay, I'm not sure why it's not connecting
to the list, but so the most important thing is getting
to your Klaviyo and you can start marketing to them.
However, if you still want to use,
uh, Klaviyo form, you can go here...
(sighs)
Delete this, remove content.
(clicks)
So, it's not there anymore. Click "Save."
Then, go to your Klaviyo, "sign up forms",
"create sign up forms." Let's do sorted embed,
let's do something like this.
(clicking)
Select the list newsletter. Create the form.
Uh, make sure it's showing on mobile desktop,
and make sure it's "show to all visitors."
This is very important,
because if you are on mobile, uh,
and you are checking right now, it will not appear.
So click "Publish", copy this code, "publish".
It should be green, everything is good.
Go back to your Shopify. Go to, back.
Click on, uh, "online store: themes."
Add this code. Uh, password...
Type in "footer". "Footer", okay.
And you are looking for "footer dot liquid."
Okay, in this code-- by the way, I am not the coder,
so, this is like a trick, please follow me and trust me.
You need to do like, like the same way I do it.
So click somewhere here on the window.
So, it's active click, "Command", "Control", or...
I mean, whatever search is on the windows.
Uh type in uh, "site-footer__hr".
So, there's that option and two second ones,
so we need this one. And go back to...
C'mon, what is the code? Um. "Here is code".
Go here. Um, base arrow. Click "save".
And refresh. And as you can see, it appeared here.
I mean, of course you need to modify the Klaviyo.
I don't know, like however you want to do. "Block."
You can add a text here, um.
(clicking)
Demo, demo, demo. You can do this part
where you do like, I don't know, 300. 300 pixels.
Um, I don't know. Like, maybe you want
to "sign up" at the bottom. Um...
Of course, you have to modify everything.
But you get the idea, so right? So maybe zero,
I don't know, like that. Publish, and then you refresh.
It will be there. So basically you install a code
and if you do all the ends on Klaviyo site,
and it will reflect on Shopify site.
And if you want to move it somewhere, let's say,
this one, like down or up, you basically have
to play with the code, with the positioning,
where to place it. On the above, or down below on the code.
I found this, this place is the best one
because it shows on like, right under, under the...
On the section called "quick links,"
and click whatever you have.
Um yeah. So in case you have any other additional questions,
please leave them under this video. Thank you.
(music)