This is a step-by-step YouTube tutorial (by Jaime Smith) demonstrating the International Product Swapper add-on for ClickFunnels 2.0. The add-on lets you define a set of "domestic" countries (e.g., US, Canada, Mexico) and automatically swap a page's product to a different "international" variation (which typically has a higher price) based on the buyer's selected country. The video shows creating the CF Pro Tools add-on instance, adding domestic countries, pairing each product by entering its domestic and international product IDs (found via page source search for data-product-id), generating and pasting the provided script into the funnel page footer, and testing the behavior (selecting countries swaps product variation). The speaker emphasizes there are no extra CSS/custom attributes required and that shipping/cost differences should be reflected in the product price itself.
Chapters
Hey, what's up everybody? In this video we're going to look at International Product Swapper and it is going to be the International Product Swapper add on for CF 2.0. So what we're going to do is go check this out first thing. So International Product Swapper is used when you want to have a different price for different products when you're shipping internationally than when you're shipping domestically. So you can have a select amount of countries set as domestic. Like say if you're US Based, you might want US Canada, maybe Mexico. Those could be your domestic countries. And then internationally would just end up being basically everything else. Right. So what it'll do is if based on the country that is chosen by the customer, so if they choose United Kingdom, it will swap that product out with the international variation of that particular product. So you basically need to have two versions of every product. One of them is going to be the domestic version, one of them is going to be the international version. It's just that the international one's probably going to be a little bit pricier. So this is not going to give you. Let me show you real quick what this would look like. So if you were on here right now playing around with this and you wanted the, the United Kingdom, you see up here it's going to swap the product over. Now I'm not necessarily using international prices or domestic prices, but you can see that it swapped over to a different, different version right when I selected a different country. So if I go back to the United States, this is considered domestic and this swaps the price back to the, the original regular price product. Alright, so over here you're going to go to create new add on inside of your CF to CF Pro Tools account and then you're going to search for key search by keyword for International Product Swapper. If you're watching this video, chances are you've probably already gotten this far. Again, this is the 2.0 version. Alright? If you need CF classic version, make sure to select International Product Swapper. This is the one for Classic and international product Swapper. 2.0 is for CF 2.0. Okay, that's the difference here and it's noted. So we're going to go into the 2.0 version and we are going to create a version of this. You can give it a name just in case it belongs to a specific funnel. And in Your, in your ClickFunnels account for the country name we'll come in here and give it name like United States. We can add different countries like Canada. And then you can even go down the list and let's see if we can find Mexico. We'll add Mexico in there. Right. So that's how that works. You just add in your domestic countries and everything else is considered international. So you would stop. And then what you need is a product ID for all of the products that you want to have. There be a different. The ones that you want there to be a variation for. Right. So the ones that you want to charge. So your digital products, they probably won't be shipped anywhere, right, because they're digital. So you'll have probably just the one product for that. And you wouldn't need to put a product group in here for that. Okay, so what's happening is you're putting in the domestic product ID and the international product id. So you need to create two products for that. So let's go back to back over here. So what we've already done, this tutorial does assume that you've got basic knowledge of CF 2.0, that you've created products and gone through that process. So make sure to create your products and assign them to the page in question. So you're going to be over here. You're going to go to your settings and your product settings and you're going to add the products and assign them both here. You can assign them to the core products, but make sure to go and at least do this here with your core products so that, that is the one that swaps out when. When you do this. So what I'm going to do my test product here, test one regular price and test one promo price is going to be the regular product. That's going to be the international and the domestic. Okay, so let's go over to the page. So we're just going to click on the. We're going to preview the page. What we want to do here is we want to look at the page when you've created the products and you've added them into the page. And then we're just going to do view page source. Okay. Okay. So we want to do a control F. We want to find the product IDs. So we're going to look for data product ID. Now, the order in which those products fall, when you are setting them up over on the page over here, that's the order that they will be here. That means your first product is going to be that product id and the second product that you come across is going to be the second one. So we've got 1, 32015 and 132016. Okay. So given these 2 products, what we're going to do, we're going to take that first product ID and we're going to go back to, if I could find it, we're going to go back to CF Pro Tools over here and our domestic One is this 1132015 and our other one was 132016. So I put that in here. Alright. If you have other products, you're going to need to add a product group for that. Okay. So make sure to do that for all the products that you want to do this with. Okay. Once you're. I'm just going to remove that. So if you add something that you don't want there anymore, just hit remove. Once you've done that, you'll hit the Create add on button and you'll see the information in here. What we're going to do is just copy that script out of there where you can hit the blue button. And we're going to go back to back over here to CF Pro Tools and I'm sorry, back to click Funnels. Let's get rid of this. Let's get rid of this. We're going to go back to the page, we're going to go to the code, we're going to come to the footer code area like this. Okay. Again up here to code. In the top toolbar here, click on code. Come down here, you'll see the header code and the footer code and we're going to put that right down here. Now I've already added it from our staging server. I'm just going to delete that out and then we'll paste the new one in, make sure that that works. Right. So that's pretty much it for that. What it's going to do is hide one of the variations, probably the international one or whatever it defaults to. And then when you change the country, it will swap, it'll swap it out for the other one. So what we'll do is hit save and then you're good to go. At this point, once you've set all this up and added the code, that's all you have to do. There's no custom attributes, there's no CSS titles, there's nothing to change here in this add on. So once you've done that, the page loads. You can, you can see that this is only showing the one price and that's because United States is what it. I don't know if it defaults to United States or something else, but that's what it's on. So you can select Canada. You see, it does not change. It's still a $27 version. If I select United Kingdom, it changes over to the $7 version, which would be our international Australia. Also the same thing. It stays here. And then if I switch back to the United States, you can see it swap Back to the $27 version. Okay. Then of course, make sure to select it, and then you can go through and finish the order. And that's how the international Product Swapper works. No additional line items, no forcing or grouping products together to get that shipping to work. This particular example for this, add on all of your shipping and the price, the cost, everything that you want to make on it should be included in the price of that product. Okay? So that's how that works. Hopefully you guys find this to be fun and interesting and you guys find creative ways to use it. Let us know what you end up doing with it. Okay, I'll talk to you guys soon. See.
