{"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":"2022-05-05T09:39:52","modified_gmt":"2022-05-05T09:39:52","slug":"shopify-referral-widget-integration","status":"publish","type":"post","link":"https:\/\/www.invitereferrals.com\/blog\/integrate-shopify-referral","title":{"rendered":"Shopify Referral App Integration"},"content":{"rendered":"<p><a href=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/08\/shopify-ipo-blog-banner.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1700\" src=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/08\/shopify-ipo-blog-banner.png\" alt=\"shopify-ipo-blog-banner\" width=\"810\" height=\"340\" srcset=\"https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/08\/shopify-ipo-blog-banner.png 810w, https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/08\/shopify-ipo-blog-banner-300x125.png 300w\" 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--><\/p>\n<h3>Part A : Integrate InviteReferrals Shopify Referral App<\/h3>\n<h4>1. Install the InviteReferrals Shopify App<\/h4>\n<p>Visit the following page and click on &#8220;Get App&#8221;.<br \/>\n<a title=\"InviteReferrals Shopify App\" href=\"https:\/\/apps.shopify.com\/invitereferrals-referral-marketing-software\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/apps.shopify.com\/invitereferrals-referral-marketing-software<\/a><br \/>\nThen you will be redirected to a page where you will need to login with InviteReferrals.<\/p>\n<h4>2. Login to InviteReferrals<\/h4>\n<p>Enter InviteReferrals &#8220;username&#8221;, &#8220;password&#8221; and click on login<\/p>\n<p><a href=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/01\/shopify-app-1.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-1145\" src=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/01\/shopify-app-1.png\" alt=\"Shopify Referral Program\" width=\"532\" height=\"268\" srcset=\"https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/01\/shopify-app-1.png 532w, https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/01\/shopify-app-1-300x151.png 300w, https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2015\/01\/shopify-app-1-256x128.png 256w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<h4>3. Include InviteReferrals Snippet tag<\/h4>\n<p>a) 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:<\/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>&#8211; Go to Settings &gt; Checkout in your shop admin and add the InviteReferrals tracking code in the \u201cAdditional Content &amp; Scripts&#8217;\u201d text box.<br \/>\nSource :\u00a0<a href=\"http:\/\/docs.shopify.com\/support\/your-store\/orders\/can-i-use-conversion-tracking\" target=\"_blank\" rel=\"noopener noreferrer\">Add third party conversion tracking<\/a><br \/>\n-First login to the invitereferrals site and then copy the InviteReferrals tracking pixel from\u00a0<a title=\"InviteReferrals App documentation\" href=\"http:\/\/www.invitereferrals.com\/campaign\/documentation\/plugins\" target=\"_blank\" rel=\"noopener noreferrer\">documentation section\u00a0-&gt; Referral Tracking Pixel<\/a>. \u00a0so 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} \u00a0with \u00a0{{ order_number }}<br \/>\nb) Replace {email address of customer} with\u00a0{{ customer.email }}<br \/>\nc) Add fname and purchaseValue parameters as defined in example below<\/p>\n<p>Example code &#8211;<\/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=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2014\/12\/tracking-pixel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2014\/12\/tracking-pixel-1024x418.png\" alt=\"InviteReferrals Tracking Pixel\" width=\"640\" height=\"261\" \/><\/a><\/p>\n<p><strong>Part B : Create campaign in InviteReferrals Software<\/strong><\/p>\n<p>Setup up the campaign using easy setup tutorial guide given below<\/p>\n<div>\n<ul>\n<li>\n<h4><a title=\"Setup guide Invitereferrals\" href=\"http:\/\/www.invitereferrals.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>Go through\u00a0<em><a title=\"How to Re-engage customers in referral program?\" href=\"http:\/\/www.invitereferrals.com\/blog\/promote-customer-referral-program\" target=\"_blank\" rel=\"noopener noreferrer\">referral program promotion guide<\/a><\/em>\u00a0to increase effectiveness of your referral program. You can also check out our\u00a0<em><a title=\"Referral program case studies\" href=\"http:\/\/www.invitereferrals.com\/campaign\/site\/showcase\" target=\"_blank\" rel=\"noopener noreferrer\">case\u00a0<\/a><a title=\"Referral program case studies\" href=\"http:\/\/www.invitereferrals.com\/campaign\/site\/showcase\" target=\"_blank\" rel=\"noopener noreferrer\">studies section<\/a><\/em>\u00a0to 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 <a title=\"Shopify\" href=\"http:\/\/www.shopify.in\/?utm_source=InviteReferrals\" target=\"_blank\" rel=\"noopener noreferrer\">shopify<\/a> 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":8,"featured_media":2320,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[115,114,116,40],"class_list":["post-318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-shopify-marketing","tag-shopify-referral","tag-shopify-referral-marketing","tag-shopify-referral-widget"],"_links":{"self":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":34,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":9912,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions\/9912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/media\/2320"}],"wp:attachment":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/media?parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/categories?post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/tags?post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}