- 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)
Congratulation! You bave finally finished reading how to add klaviyo code to shopify and believe you bave enougb understending how to add klaviyo code to shopify
Come on and read the rest of the article!