opencart与亚马逊关联可以给我们带来知名度跟客户的信任（亚马逊的背书），当我们使用opencart建站营销的时候，网站没有什么信任度，这个时候我们可能会错失一部分的客户，如果加上buy at amazon这个按钮，转化率可能会蹭蹭往上涨都说不定哦
Ps:一般都会比较建议从亚马逊引流到独立站上，而不是引流到亚马逊上去，因为独立站是一个私域流量，而亚马逊上是公域流量，你想啊，亚马逊上的页面可不仅仅只有你们公司的产品，还有竞争对手的产品，你自己花钱引流到亚马逊上，要是客户买了竞争对手的产品，那就是得不偿失了，而且你还拿不到客户的信息，没有办法做二次营销，但是基于亚马逊上的强大背书跟知名度，也有会部分客户直接到亚马逊上购买，虽然可能会丧失部分转化，这个时候我们考虑将独立站的售价比亚马逊便宜一点，或者是有其他的赠品之类的，让客户自己去进行选择，独立站跟亚马逊的结合也是一个强而有力的手段。
这里仅仅只适用于opencart，不适用于shopify，ueeshop，wordpress,magento。
自己动手搭建独立站跳转到亚马逊购买按钮流程开始：
1.打开opencart后台–规划设计–模板编辑器–product
2.输入以下代码
<style type=”text/css”>
.buy_button_thr { position: absolute; width: 185px; height: 42px; line-height: 42px; display: inline-block; margin-left: 10px; font-size: 14px; }
.buy_button_thr a { text-align: center; cursor: pointer; color: #fff; display: block; text-decoration: none; }
.buy_button_thr .buy_button_thr_a { border-radius: 50px; background: #f7ab00; }
.buy_button_thr .buy_button_thr_a:hover { background-color: #7f7f7f; }
.buy_button_thr .buy_button_thr_ul { list-style: none; margin: 0; padding: 18px; background-color: #efefef; position: absolute;width:100%;z-index:1; }
.buy_button_thr .hide { display: none; }
.buy_button_thr .buy_button_thr_ul li { display: block; padding: 4px 6px; font-weight: 400; line-height: 20px; margin-bottom: 4px; }
.buy_button_thr .buy_button_thr_ul li a { font-size: 12px; text-align: left; cursor: pointer; color: #6d6d6d; display: block; line-height: 100%; }
.buy_button_thr .buy_button_thr_ul li:hover a { color: #ec4a00; }
.buy_button_thr .buy_button_thr_ul img { vertical-align: middle; max-width: 100%; }
.buy_button_thr .buy_button_thr_ul li em { margin-left: 4px; }
#tab-description { line-height: 18px; padding-top:0;}
#tab-description > p { margin-bottom: 0; }
</style>
{% if HIDDEN_LINKS %}
<div id=”HIDDEN_LINKS” style=”display:none;”>{{ HIDDEN_LINKS }}</div>
{% endif %}
<script type=”text/javascript”>
$(function () {
({
jsonSelector: ‘#HIDDEN_LINKS’,
insertAfterSecltor: ‘#button-cart’,
countryIcon: {
uk: {
title: ‘United Kingdom’,
src: ‘/image/catalog/countryImgs/i_uk.jpg’
},
de: {
title: ‘Germany’,
src: ‘/image/catalog/countryImgs/i_de.jpg’
},
us: {
title: ‘United States’,
src: ‘/image/catalog/countryImgs/i_us.jpg’
},
jp: {
title: ‘Japan’,
src: ‘/image/catalog/countryImgs/i_jp.jpg’
},
it: {
title: ‘Italy’,
src: ‘/image/catalog/countryImgs/i_it.jpg’
},
es: {
title: ‘Spain’,
src :’/image/catalog/countryImgs/i_sp.jpg’
},
fr: {
title: ‘France’,
src: ‘/image/catalog/countryImgs/i_fr.jpg’
},
ca: {
title: ‘Canada’,
src: ‘/image/catalog/countryImgs/i_ca.jpg’
}
},
getLinks: function () {
try{
var $el = $(this.jsonSelector),
jsonStr = “”;
if ($el.length > 0) {
jsonStr = $el[0].tagName == “INPUT” ? $el.val() : $el.html();
}
return jsonStr.length > 0 ? JSON.parse(jsonStr) : ”;
}catch(e){
return ”;
}
},
createHtml: function (array) {
var i, len = array.length,temp,liStr=”,iconCfg;
for (i = 0; i < len; i++) {
temp = array[i];
iconCfg = this.countryIcon[temp.img] || temp.img;
liStr += ‘<li>\
<a target=”_blank” href=”‘+ temp.link + ‘”>\
< img alt=”‘+ iconCfg.title + ‘” src=”‘ + iconCfg.src + ‘” />\
<em>’+ iconCfg.title +'</em>\
</ a>\
</li>’;
}
return $(‘<div class=”buy_button_thr”><a class=”buy_button_thr_a” href=” “>BUY AT AMAZON</ a><ul class=”buy_button_thr_ul hide”>’ + liStr + ‘</ul></div>’);
},
run: function () {
var array = this.getLinks();
if (typeof array != ‘string’) {
this.createHtml(array).insertAfter($(this.insertAfterSecltor)).find(‘a.buy_button_thr_a’).click(function () {
$(this).next().toggleClass(‘hide’);
});
}
}
}).run();
});
</script>
3.打开服务器后台，cPanel 中搜索 phpMy管理，在弹出的面板中，选择 ocar 数据库。找到 product 表。修改 location 字段的属性将其改为text
4.然后在每个产品的生产地写上以下代码
[{“img”:”jp”,”link”:”https://www.baidu.com”}]
其中jp，跟link部分是可以更改的，如果有多个站点，就复制上一条句型就可以了，效果如下：
总结以下：
1.添加代码到后台
2.修改服务器字段的属性
3.为每个产品添加各个站点的链接
完美跳转到亚马逊上！
这个只是一个粗糙的，简陋的跳转版本，要想做得比较好的还是要另外去花时间搞的，最后祝大家大卖！
