8 min read

8 best Klaviyo integrations and why you should give them a try

Written by Sarah Nderi
8 min read

– [Andriy] Hello everybody. So in this video, I will try to show you and simplify the process of adding dynamic reviews to flyer emails with the help of Stamped.io integration. This integration helps us connect our Shopify store more closer to our customers, where they’re able to leave reviews, and later we can use these reviews to show them in a flyer email. And it will look something like this, but this is the code that we see. How people will see is something like this. This is what people will see. They will see the star, how many star people rated it, what they put as a title and their review. Right now, this is set to be for random comments, reviews from the website, or the last reviews that happened on the website. So there are options to create it like this. We can also specify a specific product to show only reviews for that specific product, or we can specify specific reviews, so we can select this review, this review, another review. We can also decide how many to show here, and things like that. So, yeah, let’s go from the start. So the first part is the simple part, that you need to use Shopify. I won’t be covering that part in this video. It’s mostly through Klaviyo. So in Shopify, or if you use some other e-commerce, like WooCommerce or BigCommerce, you will need to go to the relevant app store, download Stamped.io, and log into your account for e-commerce. There, you will see something like this. So you’ll see this page where you will need to add your site ID and your private API key from Klaviyo. Private API key from Klaviyo, you can find this if you go to accounts and then you go to API keys, and you will have several keys, this is your public API key. But for this, we need private API key, and what you need to click on, Create API Key. We will give it a name, and we will see the private API key that we’ll need to copy into this code. So this is how to connect your Stamped.io that will be into your account. Your Shopify or BigCommerce or WooCommerce account, and with this, we will connect it to Klaviyo. Okay, so now that we finished with the integration and installation, when we connected Stamped.io with Klaviyo, we will go into Klaviyo and start to create the blog that will show us the reviews from the website. Here, we have the Stamped.io reviews created, which are in this email, but for the purpose of this video, I’ll start doing it from start. Right now, I don’t have access to the Stamped.io account. And this is how it looks. So this is the code that you will need, the URL that you will need to copy from your Stamped.io account into data feeds in Klaviyo. So you will be able to see the reviews. Because we already have one created, and this is the link, I will use it to create a new one. So we go to Add Data Feed. We go to, and we write a name. And we add the link. And here we need to put get, request the messages, get, and content type JSON. So that will be it, and add data feed. Okay, so now we have this feed added. We can now turn this off because the feed is already created. So let’s check that. So there it is. You can close that, then go to the email to create the new data feed. What you need to do, is we need to add table, which is one column. So you only should have one column. You should go to rows. We go to Dynamic, Data Source. And here, we should add this text. That should be copied. So this is kind of a code. Here we write reviews. And here we need to change the name to get rid of these signs. So what you need to is go back into data feeds. Copy the name that you created, and over all of this code, you need to change the name. Now here from data source, we changed Column 1. And here, when we are in Column 1, we go to source. Here we paste our code. We’ll make sure all of this code and the previous source code, is added under the video in the description. And when we look, this is how it looks. To remove this part to the top, We click Save, click here, and just remove this part. And we go to Block Styles, and remove the top border. And let’s see if we can change at the top. We can change it a little bit to be more centered, something like that. And we save. So now we have the product we created in our email. See, it looks the same. Now you only have one more thing left to do. And that is to click on the bottom of our page, where it says Add Data Feed, and make sure we are using the right data feed. And in this case, this is the new one that we created. So we will change to that one. We don’t use the old one. You save. Then if you preview, that’s so you know that this is the code that you’re working on. Let’s remove the old one. And we save and preview. Okay, so we came up to problem of, if you go to Preview and, you see not in the shot. Let me show you why this is happening. And this may happen to you if you don’t add the right word to dynamics, to the data source. So you see everything here, it appears in the code. In the code it says, review that review.reviewTitle. Review.reviewMessage. So the word here should be review, not reviews. So by mistake, I added an extra S, and it’s not just the S. If you add any other word here, it won’t work. So it needs to be review, because the code is set up to use that word to pull the data from the Stamped.io application. So if you change it to review to just review, you can save, add. If you go to preview it now, you will see the code here, actually not the code, but the actual reviews with the stars, with the title, and the text that is the actual review from the clients. Here, we can also do several things to change, to edit how this should look. If you remember previously, we removed the border top, but we can also add it back. So just to show you how that will look. So if you add the border on top and preview the email, we will see it separated from this, which may be a good thing. It depends from your design or the template, or how you want it to look. You can change the color. So if you go to the review tab, So this is the title. So let’s say we want to change the color. It works pretty simple, and it’s like any other text editor. So you can change it, save it, review it. And you see the color will change. With this you can adapt to look more integrated with your design, with the design of your template, the colors and the styling, the letters and things like that. So the editing is pretty simple. So just remember you just click, you need to click on the block, go to rows in Column 1 where this code is, and you just select the part that you want to edit, and you make it the color or font that you like. Right now I’m going back to how it was. And again, we’ll remove the border at the top. So with this, we have it as it was in the beginning. And this block is right now showing random reviews from the website. Most of the time, it shows the last two reviews, and look, we can also make it to show a specific review, a specific product on the website. And that is what I will show you next. Okay, so right now this is pretty simple. And this review is showing random reviews, last reviews from the website. And if you go on preview, this email template, we will see block. It will show three random product reviews. What we can do here is choose a specific product and only show reviews for that product. For example, in this email that we have is for a specific product, we can only show reviews for that specific product, or we can choose specific reviews from different products. It doesn’t matter. We just need the code for the review and we can sort them out like that. So here, let me first show you how to add the product, specific product to this feed. So we go to the review that we created, which will be code like this. So right after where it says reviews-highlights and before the API and the and sign, we will copy this code, which is productids=, and we will need to add the product ID. How to find a product ID is we create the product block, simple product block here. We go to Select from Catalog. We have, for example, let’s go to the website and… let’s say we go to custom caps. Go here. Does it have reviews? No, this one doesn’t have reviews. Let’s say you go here, you go to reviews. Ah yeah, right here. Read those reviews here. So we want to add reviews from this product. What we will need to do is copy the name for this product. And here we go Browse Products. Look for that specific product. And here we see the product ID. So this product ID, we need to add here in the code. And if you want to add, for example, more products. So you will copy this code from & till the end of the number, and then you copy it, and just change the ID for the other products that you want to add, and so on, so on. You just add how many products you want. So right now we will do it for one product. We will update the feed. And now, if you go and preview the text, the template, we should be seeing just reviews for that specific product. So let’s check “Decent product,” what it says here. It says “Decent product.” The second one is “Great,” The third one, this work out elevation mask. “The work out elevation mask.” So let’s see those are here. Yeah, “Great,” “The work out elevation mask,” so we now chose to show only the last good reviews from this product. And that is how to select a specific product or multiple products. You can select multiple products and show reviews on multiple products. And you can do this for emails for which you’re talking for a specific product, and you can add reviews for it. So, yeah, that was it here. Now that you’ve seen how to add specific products reviews for a specific product, let’s say, how we can add only specific reviews that we select to the email. So to do that, we’ll need to go back to the feed. And instead of this product ID code that we have, we will need to change that to following code, which instead of product IDs, we’ll need to change it to review IDs. And the review ID would be, for example, let’s say here we want to show the first. We go to share, and we hover over Facebook, and right-click and copy link. And we just paste the link here. The last number that we see here is the review ID. So we can use this review ID, we can go back here, and instead of the product ID that we had before, now we have the review ID. So let’s add one more, and let’s say we want to go to another product. Let’s say this one, go to reviews, and “Tremendous Product.” We select this one. And you change it, and we validate the feed. Now if you go and preview the email, it should only show us those two specific reviews. So let’s check. You see, those are the two feeds that you are seeing, “Decent product” that we selected, and “Tremendous Product” that we selected those. So this way you can select specific products on how many you want. You see, you can select more. Here, we selected two just for explanation. And there is one more thing that I want to show you that it comes to this. I will remove the code for the specific review IDs. Sorry. It can be easier if you can just copy it here, remove that specific code for the review IDs. And then copy these back, and just save it like this. And now we are back to showing everything, every possible review that is on the website. So it just showing the last reviews. So if you check now, we will see that it will show random two reviews from the website. So there it is. What I wanted to show you is if you go, so if you go to the product block the review blocks here, and we’ll go to reviews, and then we go back to, not to Columns but to Data Source, and you see this number three here? This is how many we want to show. So right now it was showing three. So let’s say if you change the number to six here and save, let’s see what will happen. So see, now we have more reviews. So you see there is a review from Instagram and things like that. So we have the six reviews. So the changing the numbers in Rows, Data Source, and here is the number, but try not to remove these parts here. So just select the number, and change the number to how many you want to show. And in this case, I change it to five now. You will need to click save so it is remembered, and you go Create Preview to see how it will look for other people if they received this email, and now it just shows us five reviews. So they’re there. So that is how to change the number of the reviews. And that would be the last thing that it comes to this. So yeah, if you like more content in this, please like, subscribe, and leave a comment if you have any questions about this. We’ll try to leave all the relevant information and the codes in the description of this video. So yeah, thanks and bye-bye.

Comments

Talk email strategy with an expert