{"id":318,"date":"2013-11-18T13:58:44","date_gmt":"2013-11-18T13:58:44","guid":{"rendered":"http:\/\/www.invitereferrals.com\/blog\/?p=318"},"modified":"2013-11-18T13:58:44","modified_gmt":"2013-11-18T13:58:44","slug":"shopify-referral-widget-integration","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/shopify-referral-widget-integration\/","title":{"rendered":"Shopify Referral App Integration"},"content":{"rendered":"<p><a href=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner.png\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1700\" src=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner.png\" alt=\"shopify-ipo-blog-banner\" width=\"810\" height=\"340\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner.png 810w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-300x126.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-350x147.png 350w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-768x322.png 768w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-370x155.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-270x113.png 270w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-570x239.png 570w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-ipo-blog-banner-740x311.png 740w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<p>Launching shopify referral App is very simple with <a title=\"InviteReferrals\" href=\"http:\/\/www.invitereferrals.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">invitereferrals.com<\/a>. If you are not signed up with InviteReferrals already, you&#8217;ll need to do so. Please sign up and create a referral campaign for your Shopify store first. <a title=\"Sign-up for free now !!\" href=\"http:\/\/invitereferrals.com\/campaign\/site\/price\" target=\"_blank\" rel=\"noopener noreferrer\">Sign up for free now !!<\/a> Follow these steps to add InviteReferrals integration code to your store:<\/p>\n<p><!--more-->\n<\/p>\n<h3>Part A : Integrate InviteReferrals Shopify Referral App<\/h3>\n<h4>1. Install the InviteReferrals Shopify App<\/h4>\n<p>\nVisit the following page and click on &#8220;Get App&#8221;.<br \/>\nhttps:\/\/apps.shopify.com\/invitereferrals-referral-marketing-software<br \/>\nThen you will be redirected to a page where you will need to login with InviteReferrals.\n<\/p>\n<h4>2. Login to InviteReferrals<\/h4>\n<p>\nEnter InviteReferrals &#8220;username&#8221;, &#8220;password&#8221; and click on login<\/p>\n<p><a href=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-1145\" src=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1.png\" alt=\"Shopify Referral Program\" width=\"532\" height=\"268\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1.png 532w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1-300x151.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1-298x150.png 298w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1-370x186.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/11\/shopify-app-1-270x136.png 270w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a>\n<\/p>\n<h4>3. Include InviteReferrals Snippet tag<\/h4>\n<p>\na) Go to your Shopify Theme Editor. Click on the layouts theme file to open it.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/s3.amazonaws.com\/tagnpin\/static\/site\/shopify-1.png\" alt=\"InviteReferrals Shopify App\" width=\"697\" height=\"528\"><\/p>\n<p>b) Insert the following code to the theme file just before the body tag:\n<\/p>\n<div><b>{% include &#8216;invitereferrals&#8217; %}<\/b><\/div>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/s3.amazonaws.com\/tagnpin\/static\/site\/shopify-2.png\" alt=\"InviteReferrals Shopify App\" width=\"704\" height=\"453\"><\/div>\n<h4><strong><span style=\"font-size: 1em;\">4. Add InviteReferrals Tracking Pixel to track referral conversions<\/span><\/strong><\/h4>\n<p>\n&#8211; Go to Settings &gt; Checkout in your shop admin and add the InviteReferrals tracking code in the &ldquo;Additional Content &amp; Scripts&#8217;&rdquo; text box.<br \/>\nSource :&nbsp;Add third party conversion tracking<br \/>\n-First login to the invitereferrals site and then copy the InviteReferrals tracking pixel from&nbsp;<a title=\"InviteReferrals App documentation\" href=\"http:\/\/www.invitereferrals.com\/campaign\/documentation\/plugins\" target=\"_blank\" rel=\"noopener noreferrer\">documentation section&nbsp;-&gt; Referral Tracking Pixel<\/a>. &nbsp;so that the secret keys are already prefilled.<\/p>\n<p>Also replace the following two variables in the tracking code you have copied:<br \/>\na) Replace {Unique tracking number like orderID or customerID} &nbsp;with &nbsp;{{ order_number }}<br \/>\nb) Replace {email address of customer} with&nbsp;{{ customer.email }}<br \/>\nc) Add fname and purchaseValue parameters as defined in example below<\/p>\n<p>Example code &#8211;\n<\/p>\n<pre>&lt;img style='position:absolute; visibility:hidden' src='https:\/\/www.ref-r.com\/campaign\/t1\/settings?bid_e=C538A0AE9XXXXXXXX8&amp;bid=5XX&amp;t=420&amp;orderID={{ order_number }}&amp;email={{ customer.email }}&amp;fname={{ customer.name }}&amp;purchaseValue={{ total_price | money_without_currency }}' \/&gt;<\/pre>\n<p><a href=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2014\/11\/tracking-pixel.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2014\/11\/tracking-pixel-1024x418.png\" alt=\"InviteReferrals Tracking Pixel\" width=\"640\" height=\"261\"><\/a><strong>Part B : Create campaign in InviteReferrals Software<\/strong><\/p>\n<p>Setup up the campaign using easy setup tutorial guide given below\n<\/p>\n<div>\n<ul>\n<li>\n<h4><a title=\"Setup guide Invitereferrals\" href=\"https:\/\/nvecta.com\/blog\/tutorial\/setup-new-campaign-invitereferrals\/\" target=\"_blank\" rel=\"noopener noreferrer\">Campaign Setup Guide<\/a><\/h4>\n<\/li>\n<\/ul>\n<\/div>\n<p>\nGo through&nbsp;<em><a title=\"How to Re-engage customers in referral program?\" href=\"https:\/\/nvecta.com\/blog\/promote-customer-referral-program\" target=\"_blank\" rel=\"noopener noreferrer\">referral program promotion guide<\/a><\/em>&nbsp;to increase effectiveness of your referral program. You can also check out our&nbsp;<em><a title=\"Referral program case studies\" href=\"http:\/\/www.invitereferrals.com\/campaign\/site\/showcase\" target=\"_blank\" rel=\"noopener noreferrer\">case&nbsp;<\/a><a title=\"Referral program case studies\" href=\"http:\/\/www.invitereferrals.com\/campaign\/site\/showcase\" target=\"_blank\" rel=\"noopener noreferrer\">studies section<\/a><\/em>&nbsp;to learn from success stories. Thats it! Your <a title=\"Invite Referrals - Shopify Referral Widget\" href=\"http:\/\/www.invitereferrals.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Shopify referral<\/a> App is ready. You can customize anything from the admin panel. No code changes are needed on your shopify store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Launching shopify referral App is very simple with invitereferrals.com. If you are not signed up with InviteReferrals already, you&#8217;ll need to do so. Please sign up and create a referral campaign for your Shopify store first. Sign up for free now !! Follow these steps to add InviteReferrals integration code to your store:<\/p>\n","protected":false},"author":37,"featured_media":2320,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5799],"tags":[5832,5833,5834,5835],"class_list":["post-318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referral-and-loyalty","tag-shopify-marketing","tag-shopify-referral","tag-shopify-referral-marketing","tag-shopify-referral-widget"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":0,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/2320"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}