Staging

additional/checkout-scripts.liquid

@@ -91,24 +91,33 @@ twq('track','PageView');
 
 <!-- Google customer reviews seller ratings -->
 <script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
-
 <script>
-  window.renderOptIn = function() {
-    window.gapi.load('surveyoptin', function() {
-      window.gapi.surveyoptin.render(
-        {
-          "merchant_id": 113522465,
-          "order_id": "ORDER_ID",
-          "email": "CUSTOMER_EMAIL",
-          "delivery_country": "COUNTRY_CODE",
-          "estimated_delivery_date": "YYYY-MM-DD"
-        });
+ window.renderOptIn = function() {
+  window.gapi.load('surveyoptin', function() {
+   window.gapi.surveyoptin.render(
+    {
+     "merchant_id": 113522465,
+     "order_id": "{{order.name}}",
+     "email": "{{customer.email}}",
+     "delivery_country": "{{shipping_address.country_code}}",
+     // 1814000 is 21 days in seconds
+     "estimated_delivery_date": "{{ order.created_at | date:'%s' | plus:1814000  | date:"%F" }}" 
     });
-  }
+  });
+ }
 </script>
 <!-- END Google customer reviews seller ratings -->
 
 
+<!-- BEGIN GCR Language Code -->
+<script>
+ window.___gcfg = {
+  lang: 'en_US'
+ };
+</script>
+<!-- END GCR Language Code -->
+
+
 <!-- Hotjar Tracking Code for https://www.indiraactive.com/ -->
 <script>
     (function(h,o,t,j,a,r){

additional/google-analytics-scripts.js

@@ -1,4 +1,5 @@
 ga('require', 'displayfeatures');
 ga('require', 'linkid');
-ga('linker:autoLink', 'blog.indiraactive.com');
+ga('require', 'linker');
+ga('linker:autoLink', ['indiraactive.com', 'blog.indiraactive.com', 'returns.indiraactive.com', 'track.indiraactive.com']);
 if(__st["cid"]) ga('set', '&uid', __st["cid"]);

additional/google-analytics-subdomains.js

@@ -0,0 +1,12 @@
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+ga('create', 'UA-84828000-1', 'auto');
+ga('send', 'pageview');
+ga('require', 'displayfeatures');
+ga('require', 'linkid');
+ga('require', 'linker');
+ga('linker:autoLink', ['indiraactive.com', 'blog.indiraactive.com', 'returns.indiraactive.com', 'track.indiraactive.com']);
+if(__st["cid"]) ga('set', '&uid', __st["cid"]);

additional/returnly-head.html

@@ -0,0 +1,176 @@
+<link rel="icon" type="image/png" href="https://storage.googleapis.com/returnly-static/favicon-v1.png"/>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
+
+<style>
+	body {
+	    font-family: 'Open Sans', sans-serif;
+	    font-weight: lighter;
+	}
+
+	#navColor {
+	    background-color: #333333;
+	}
+
+	#logo {
+	}
+
+	ul {
+	  font-size: 12px;
+	}
+
+	#myNavBar {
+	    color:white;
+	}
+	.nav>li>a:hover {
+		background-color:#ffffff
+		color:#CE3E77;
+	    text-decoration: underline;
+	}
+
+	a:link {
+	    color:black;
+	}
+
+	.nav>li>a:hover {
+		background-color:#ffffff
+		color:#CE3E77;
+	    text-decoration: underline;
+	}
+
+	.form-container {
+	    background-color: #f7f7f7;
+	}
+
+	.start-return-btn {
+	    background-color: rgb(206, 62, 119);
+	}
+
+	.start-return-form input[type="submit"]:hover {
+	    background-color:#333333;
+	}
+
+	.rounded {
+	    color: rgb(206, 62, 119);
+	    border-color: rgb(206, 62, 119);
+	}
+
+	.line-mask .line {
+	    background-color: rgb(206, 62, 119);
+	}
+
+	.rounded .arrow {
+	    color:rgb(206, 62, 119);
+	}
+
+	.returns-questions {
+	    background-color:#f7f7f7;
+	}
+
+	.start-return-form input[type="email"] {
+	    border: 1px solid rgb(206, 62, 119);
+	}
+
+	.message-img i {
+	    color:rgb(206, 62, 119);
+	}
+
+	.btn.return-multiproduct-btn, .return-multiproduct-btn {
+	    background-color: #CE3E77;
+	}
+
+	.return-btn {
+	    background-color:#CE3E77;
+	}
+
+	.cause label i.fa {
+	    color:#CE3E77;
+	}
+
+	#navH {
+	    margin-left:0px;
+	}
+
+	.btn.return-multiproduct-btn.disabled, .return-multiproduct-btn.disabled {
+	    color: white;
+	    background-color:#CE3E77;
+	}
+
+	.receipt-card h1 i {
+	    color: #CE3E77;
+	}
+
+	.btn.brand-btn {
+	    background-color:#CE3E77;
+	}
+
+	.btn.brand-btn:hover .btn.brand-btn:focus {
+	    background-color: #333333;
+	}
+
+	.ir-section h3 {
+	    color: #CE3E77;
+	}
+
+	.use-instaref-btn {
+	    background-color: #CE3E77;
+	}
+
+	.use-instaref-btn:hover {
+	    background-color: #333333;
+	}
+
+	.instaref-working i {
+	    color: #CE3E77;
+	}
+
+	#gift-return input[type="submit"]:hover, #gift-return input[type="submit"] :focus {
+	    background-color: #333333;
+	}
+
+	.card-body h1 {
+	    color: #CE3E77;
+	}
+
+	.btn.brand-btn, a.btn.brand-btn:hover .btn.brand-btn, a.btn.brand-btn:focus {
+	    background-color: #333333;
+	}
+
+	.btn.brand-btn, a.btn.brand-btn {
+	    background-color: #CE3E77;
+	}
+
+	.nav>li>a:focus, .nav>li>a:hover {
+	    background-color: #ffffff;
+	    color: #CE3E77;
+	}
+
+	.btn.brand-btn, a.btn.brand-btn {
+	    background-color: #CE3E77;
+	}
+
+	a {
+	    color: black;
+	}
+
+	.front {
+	    background-color: #CE3E77;
+	}
+
+	.back {
+	    background-color: #CE3E77;
+	}
+
+	.selected-checkmark {
+	    background-color: #CE3E77;
+	}
+
+	.product-wrapper.selected {
+	    border-color: #CE3E77;
+	}
+
+	.return-causes-container a, .exchanges-container a {
+	    color: #CE3E77;
+
+	}
+</style>

additional/returnly-header.html

@@ -0,0 +1,38 @@
+<nav class="navbar navbar-inverse" id="navColor">
+  <div id="navH" class="container">
+    <div class="navbar-header">
+      <!-- Navbar button for collapse on mobile display for Site Links -->
+      <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>        
+      </button>     
+      <!-- Branding of site -->
+    <a id="myNavBar" class="navbar-brand navbar-collapse collapse" href="https://www.indiraactive.com/pages/about-us">About us</a>
+      <a id="myNavBar" class="navbar-brand navbar-collapse collapse" href="https://www.indiraactive.com/pages/returns">Returns</a>
+    </div>
+    <!-- Collecting the nav links for toggling -->
+  </div> <!-- .container -->
+</nav>
+
+<div class="container-fluid text-center">
+  <div class="row">
+    <div class="col-md-12 text-center" id="holder">
+      <div class="navbar-collapse collapse" id="myNavbar">
+        <ul class="text-center nav navbar-nav dropdown-menu-left">
+          <li><a href="https://www.indiraactive.com/collections/leggings">LEGGINGS</a></li>
+          <li><a href="https://www.indiraactive.com/collections/tops">TOPS</a></li>
+          <li><a href="https://www.indiraactive.com/collections/jackets-hoodies">JACKETS &amp; HOODIES</a></li>
+          <li><a href="https://www.indiraactive.com/collections/sports-bras">SPORTS BRAS</a></li>
+          <li><a href="https://www.indiraactive.com/collections/accessories">ACCESSORIES</a></li>
+        </ul>
+      </div> <!-- .navbar-collapse -->
+    </div>
+    <div id="logo-holder" class="col-md-12 col-sm-12 text-center">
+      <a href="https://www.indiraactive.com">
+          <img id="logo" class="" src="https://storage.googleapis.com/returnly-static/indira-returnly.logo-v1.png">
+      </a> 
+    </div>
+  </div>
+</div>

additional/returnly-scripts.js

@@ -0,0 +1,108 @@
+// Google Analytics
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+ga('create', 'UA-84828000-1', 'auto');
+ga('send', 'pageview');
+ga('require', 'displayfeatures');
+ga('require', 'linkid');
+ga('require', 'linker');
+ga('linker:autoLink', ['indiraactive.com', 'blog.indiraactive.com', 'returns.indiraactive.com', 'track.indiraactive.com']);
+// if(__st["cid"]) ga('set', '&uid', __st["cid"]);
+// END Google Analytics
+
+
+// Bing Ads Universal tag
+(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"5708096"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
+// End Bing Ads Universal tag 
+
+
+// Hotjar Tracking Code for https://www.indiraactive.com/ 
+(function(h,o,t,j,a,r){
+        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+        h._hjSettings={hjid:584375,hjsv:5};
+        a=o.getElementsByTagName('head')[0];
+        r=o.createElement('script');r.async=1;
+        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+        a.appendChild(r);
+    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
+// END Hotjar Tracking Code for https://www.indiraactive.com/ 
+
+
+// Smooch web messenger
+function loadScript(src, callback) { var s, r, t; r = false; s = document.createElement('script'); s.type = 'text/javascript'; s.src = src; s.onload = s.onreadystatechange = function() { if ( !r && (!this.readyState || this.readyState == 'complete') ) { r = true; callback(); } }; t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t); } loadScript('https://cdn.smooch.io/smooch.min.js', function() {
+
+  // setting variable to chat button on sizing tab        
+  skSizeChat = document.getElementById("sk-no-sizing");
+    //onclick function to trigger the initalization of smooch whisper and chat
+  if(skSizeChat !== null) {
+    skSizeChat.onclick = function () {
+      Smooch.open();
+      Smooch.track("sk-no-sizing"); 
+    }
+  }
+
+    // Welcome whisper user after 30s
+    var timeout;
+    Smooch.on('ready', function() {
+      timeout = setTimeout(function() {
+        Smooch.track("sk-welcome-delay");
+      }, 25000);
+    });
+
+    Smooch.on('widget:opened', function() {
+      clearTimeout(timeout);
+    });
+
+    // Store users language as property
+    Smooch.on('ready', function() {
+        var language = window.navigator.userLanguage || window.navigator.language;
+        Smooch.updateUser({
+          properties: {
+          'Language': language
+          }
+        });   
+
+        // Whipser on complete checkout
+      var skPurchase = document.getElementById('sk-purchase');
+        if (skPurchase !== null) {
+            console.log("sk-purchase");
+          Smooch.track("sk-purchase");
+        }           
+
+    }); 
+
+    Smooch.init({
+        appToken: "56jalt3k4p3rpyphnwazq8dzj",
+        serviceUrl: "https://app.smooch.io",
+        customText: {
+          introductionText: 'We try to be quick, so ask us anything!',
+            introAppText: 'Chat with us below or from your favorite app, email, or SMS.',
+            inputPlaceholder: 'Type a message....'                       
+        }
+    });
+  });
+// END Smooch web messenger
+
+
+// Twitter universal website tag code
+!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
+},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
+a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
+// Insert Twitter Pixel ID and Standard Event data below
+twq('init','nxxxp');
+twq('track','PageView');
+// End Twitter universal website tag code
+
+
+// Klaviyo Tracking code for email markerting
+var _learnq = _learnq || [];
+_learnq.push(['account', 'Fr2zbh']);
+(function () {
+var b = document.createElement('script'); b.type = 'text/javascript'; b.async = true;
+b.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'a.klaviyo.com/media/js/analytics/analytics.js';
+var a = document.getElementsByTagName('script')[0]; a.parentNode.insertBefore(b, a);
+})();
+// End Klaviyo Tracking code for email markerting