BACK

how to add klaviyo code to shopify

How to connect a Klaviyo signup form to your Shopify store - How to connect newsletter sign-up form

Flowium - eCommerce Email Marketing

Updated on Jan 30,2023

How to connect a Klaviyo signup form to your Shopify store

The above is a brief introduction to how to add klaviyo code to shopify

Let's move on to the first section of how to add klaviyo code to shopify

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how to add klaviyo code to shopify catalogs

How to connect a Klaviyo signup form to your Shopify store

- 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!

Browse More Content