Snippets

loopingo Shopify Integration

Updated by Friedrich Roell
View revision

File default.html Added

  • Ignore whitespace
  • Hide word diff 
+<div id="loopingo-integration-container">
+    <script type="text/props">
+        {
+            "token"         : "00000000-0000-0000-0000-000000000000",
+            "order_id"      : "{{ checkout.order.name }}",
+            "voucher_code"  : "{{ checkout.discounts.first.code }}",
+            "email"         : "{{ checkout.email }}",
+
+            "country"       : "{{ checkout.billing_address.country_code }}",
+            "postal_code"   : "{{ checkout.billing_address.zip }}",
+            "order_amount"  : "{{ checkout.order.total_price }}",
+
+            "first_name"    : "{{ checkout.billing_address.first_name }}",
+            "last_name"     : "{{ checkout.billing_address.last_name }}",
+            "city"          : "{{ checkout.billing_address.city }}",
+            "street"        : "{{ checkout.billing_address.street }}"
+        } 
+    </script>
+</div>
+<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>

File inline.html Deleted

  • Ignore whitespace
  • Hide word diff 
-<script>
-    (function() {
-        Shopify.Checkout.OrderStatus.addContentBox(`<div id="loopingo-integration-container"></div>`)
-
-        let user_data = {
-            token         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
-            order_id      : "{{ checkout.order.name }}",
-            voucher_code  : "{{ checkout.discounts.first.code }}",
-            email         : "{{ checkout.email }}",
-
-            country       : "{{ checkout.billing_address.country_code }}",
-            postal_code   : "{{ checkout.billing_address.zip }}",
-            order_amount  : "{{ checkout.order.total_price }}",
-
-            first_name    : "{{ checkout.billing_address.first_name }}",
-            last_name     : "{{ checkout.billing_address.last_name }}",
-            city          : "{{ checkout.billing_address.city }}",
-            street        : "{{ checkout.billing_address.street }}"
-        }  
-
-        let props = document.createElement('script')
-        props.setAttribute('type', 'text/props')
-        props.innerText = JSON.stringify(user_data)
-        
-        setTimeout(() => document.getElementById('loopingo-integration-container').appendChild(props), 10)
-    })();
-</script>
-<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>

File inside-shopify-box.html Added

  • Ignore whitespace
  • Hide word diff 
+<script>
+    (function() {
+        Shopify.Checkout.OrderStatus.addContentBox(`<div id="loopingo-integration-container"></div>`)
+
+        let user_data = {
+            token         : "00000000-0000-0000-0000-000000000000",
+            order_id      : "{{ checkout.order.name }}",
+            voucher_code  : "{{ checkout.discounts.first.code }}",
+            email         : "{{ checkout.email }}",
+
+            country       : "{{ checkout.billing_address.country_code }}",
+            postal_code   : "{{ checkout.billing_address.zip }}",
+            order_amount  : "{{ checkout.order.total_price }}",
+
+            first_name    : "{{ checkout.billing_address.first_name }}",
+            last_name     : "{{ checkout.billing_address.last_name }}",
+            city          : "{{ checkout.billing_address.city }}",
+            street        : "{{ checkout.billing_address.street }}"
+        }  
+
+        let props = document.createElement('script')
+        props.setAttribute('type', 'text/props')
+        props.innerText = JSON.stringify(user_data)
+        
+        setTimeout(() => document.getElementById('loopingo-integration-container').appendChild(props), 10)
+    })();
+</script>
+<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>

File overlay.html Deleted

  • Ignore whitespace
  • Hide word diff 
-<div id="loopingo-integration-container">
-    <script type="text/props">
-        {
-            "token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
-            "order_id"      : "{{ checkout.order.name }}",
-            "voucher_code"  : "{{ checkout.discounts.first.code }}",
-            "email"         : "{{ checkout.email }}",
-
-            "country"       : "{{ checkout.billing_address.country_code }}",
-            "postal_code"   : "{{ checkout.billing_address.zip }}",
-            "order_amount"  : "{{ checkout.order.total_price }}",
-
-            "first_name"    : "{{ checkout.billing_address.first_name }}",
-            "last_name"     : "{{ checkout.billing_address.last_name }}",
-            "city"          : "{{ checkout.billing_address.city }}",
-            "street"        : "{{ checkout.billing_address.street }}"
-        } 
-    </script>
-</div>
-<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
Updated by Friedrich Roell
View revision

File inline.html Added

  • Ignore whitespace
  • Hide word diff 
+<script>
+    (function() {
+        Shopify.Checkout.OrderStatus.addContentBox(`<div id="loopingo-integration-container"></div>`)
+
+        let user_data = {
+            token         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
+            order_id      : "{{ checkout.order.name }}",
+            voucher_code  : "{{ checkout.discounts.first.code }}",
+            email         : "{{ checkout.email }}",
+
+            country       : "{{ checkout.billing_address.country_code }}",
+            postal_code   : "{{ checkout.billing_address.zip }}",
+            order_amount  : "{{ checkout.order.total_price }}",
+
+            first_name    : "{{ checkout.billing_address.first_name }}",
+            last_name     : "{{ checkout.billing_address.last_name }}",
+            city          : "{{ checkout.billing_address.city }}",
+            street        : "{{ checkout.billing_address.street }}"
+        }  
+
+        let props = document.createElement('script')
+        props.setAttribute('type', 'text/props')
+        props.innerText = JSON.stringify(user_data)
+        
+        setTimeout(() => document.getElementById('loopingo-integration-container').appendChild(props), 10)
+    })();
+</script>
+<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>

File overlay.html Added

  • Ignore whitespace
  • Hide word diff 
+<div id="loopingo-integration-container">
+    <script type="text/props">
+        {
+            "token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
+            "order_id"      : "{{ checkout.order.name }}",
+            "voucher_code"  : "{{ checkout.discounts.first.code }}",
+            "email"         : "{{ checkout.email }}",
+
+            "country"       : "{{ checkout.billing_address.country_code }}",
+            "postal_code"   : "{{ checkout.billing_address.zip }}",
+            "order_amount"  : "{{ checkout.order.total_price }}",
+
+            "first_name"    : "{{ checkout.billing_address.first_name }}",
+            "last_name"     : "{{ checkout.billing_address.last_name }}",
+            "city"          : "{{ checkout.billing_address.city }}",
+            "street"        : "{{ checkout.billing_address.street }}"
+        } 
+    </script>
+</div>
+<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>

File script.html Deleted

  • Ignore whitespace
  • Hide word diff 
-<script>
-    (function() {
-        Shopify.Checkout.OrderStatus.addContentBox(`<div id="loopingo-integration-container"></div>`)
-
-        let user_data = {
-            token         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
-            order_id      : "{{ checkout.order.name }}",
-            voucher_code  : "{{ checkout.discounts.first.code }}",
-            email         : "{{ checkout.email }}",
-
-            country       : "{{ checkout.billing_address.country_code }}",
-            postal_code   : "{{ checkout.billing_address.zip }}",
-            order_amount  : "{{ checkout.order.total_price }}",
-
-            first_name    : "{{ checkout.billing_address.first_name }}",
-            last_name     : "{{ checkout.billing_address.last_name }}",
-            city          : "{{ checkout.billing_address.city }}",
-            street        : "{{ checkout.billing_address.street }}"
-        }  
-
-        let props = document.createElement('script')
-        props.setAttribute('type', 'text/props')
-        props.innerText = JSON.stringify(user_data)
-        
-        setTimeout(() => document.getElementById('loopingo-integration-container').appendChild(props), 10)
-    })();
-</script>
-<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
Updated by Friedrich Roell
View revision

File script.html Modified

  • Ignore whitespace
  • Hide word diff 
 <script>
-    Shopify.Checkout.OrderStatus.addContentBox(`
-        <div id="loopingo-integration-container">
-            <script type="text/props">
-                {
-                    "token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
-                    "order_id"      : "{{ checkout.order.name }}",
-                    "voucher_code"  : "{{ checkout.discounts.first.code }}",
-                    "email"         : "{{ checkout.email }}",
+    (function() {
+        Shopify.Checkout.OrderStatus.addContentBox(`<div id="loopingo-integration-container"></div>`)
 
-                    "country"       : "{{ checkout.billing_address.country_code }}",
-                    "postal_code"   : "{{ checkout.billing_address.zip }}",
-                    "order_amount"  : "{{ checkout.order.total_price }}",
+        let user_data = {
+            token         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
+            order_id      : "{{ checkout.order.name }}",
+            voucher_code  : "{{ checkout.discounts.first.code }}",
+            email         : "{{ checkout.email }}",
 
-                    "first_name"    : "{{ checkout.billing_address.first_name }}",
-                    "last_name"     : "{{ checkout.billing_address.last_name }}",
-                    "city"          : "{{ checkout.billing_address.city }}",
-                    "street"        : "{{ checkout.billing_address.street }}"
-                }
-            </script>
-        </div>
-        <script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
-    `)
-</script>
+            country       : "{{ checkout.billing_address.country_code }}",
+            postal_code   : "{{ checkout.billing_address.zip }}",
+            order_amount  : "{{ checkout.order.total_price }}",
+
+            first_name    : "{{ checkout.billing_address.first_name }}",
+            last_name     : "{{ checkout.billing_address.last_name }}",
+            city          : "{{ checkout.billing_address.city }}",
+            street        : "{{ checkout.billing_address.street }}"
+        }  
+
+        let props = document.createElement('script')
+        props.setAttribute('type', 'text/props')
+        props.innerText = JSON.stringify(user_data)
+        
+        setTimeout(() => document.getElementById('loopingo-integration-container').appendChild(props), 10)
+    })();
+</script>
+<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
Updated by Friedrich Roell
View revision

File script.html Modified

  • Ignore whitespace
  • Hide word diff 
 <script>
-	Shopify.Checkout.OrderStatus.addContentBox(`
-		<div id="loopingo-integration-container">
-			<script type="text/props">
-				{
-					"token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
-					"order_id"      : "{{ checkout.order.name }}",
-					"voucher_code"  : "{{ checkout.discounts.first.code }}",
-					"email"         : "{{ checkout.email }}",
+    Shopify.Checkout.OrderStatus.addContentBox(`
+        <div id="loopingo-integration-container">
+            <script type="text/props">
+                {
+                    "token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
+                    "order_id"      : "{{ checkout.order.name }}",
+                    "voucher_code"  : "{{ checkout.discounts.first.code }}",
+                    "email"         : "{{ checkout.email }}",
 
-					"country"       : "{{ checkout.billing_address.country_code }}",
-					"postal_code"   : "{{ checkout.billing_address.zip }}",
-					"order_amount"  : "{{ checkout.order.total_price }}",
+                    "country"       : "{{ checkout.billing_address.country_code }}",
+                    "postal_code"   : "{{ checkout.billing_address.zip }}",
+                    "order_amount"  : "{{ checkout.order.total_price }}",
 
-					"first_name"    : "{{ checkout.billing_address.first_name }}",
-					"last_name"     : "{{ checkout.billing_address.last_name }}",
-					"city"          : "{{ checkout.billing_address.city }}",
-					"street"        : "{{ checkout.billing_address.street }}"
-				}
-			</script>
-		</div>
-		<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
-	`)
+                    "first_name"    : "{{ checkout.billing_address.first_name }}",
+                    "last_name"     : "{{ checkout.billing_address.last_name }}",
+                    "city"          : "{{ checkout.billing_address.city }}",
+                    "street"        : "{{ checkout.billing_address.street }}"
+                }
+            </script>
+        </div>
+        <script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
+    `)
 </script>
Created by Friedrich Roell
View revision

File script.html Added

  • Ignore whitespace
  • Hide word diff 
+<script>
+	Shopify.Checkout.OrderStatus.addContentBox(`
+		<div id="loopingo-integration-container">
+			<script type="text/props">
+				{
+					"token"         : "f5298854-e64d-11e7-98fd-901b0e9351bb",
+					"order_id"      : "{{ checkout.order.name }}",
+					"voucher_code"  : "{{ checkout.discounts.first.code }}",
+					"email"         : "{{ checkout.email }}",
+
+					"country"       : "{{ checkout.billing_address.country_code }}",
+					"postal_code"   : "{{ checkout.billing_address.zip }}",
+					"order_amount"  : "{{ checkout.order.total_price }}",
+
+					"first_name"    : "{{ checkout.billing_address.first_name }}",
+					"last_name"     : "{{ checkout.billing_address.last_name }}",
+					"city"          : "{{ checkout.billing_address.city }}",
+					"street"        : "{{ checkout.billing_address.street }}"
+				}
+			</script>
+		</div>
+		<script async src="https://integration.loopingo.com/bundle_v1.js" type="text/javascript"></script>
+	`)
+</script>
  2. 1
  3. 2
HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.