Shopify Liquid Integration

Shopify Liquid is a templating language.  To integrate Noibu into Shopify liquid checkout page, you will have to go through Shopify's liquid checkout.  To add our script at the bottom of the body, you will want to our script to the bottom of this code where it says {{ tracking_code }} 

 

<!DOCTYPE html>
<html lang="{{ locale }}" dir="{{ direction }}" class="{{ checkout_html_classes }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0">
<meta name="referrer" content="origin">

<title>{{ page_title }}</title>

{{ content_for_header }}

{{ checkout_stylesheets }}
{{ checkout_scripts }}
</head>
<body>
{{ skip_to_content_link }}

<header class="banner" data-header role="banner">
<div class="wrap">
{{ content_for_logo }}
</div>
</header>

{{ order_summary_toggle }}
<div class="content" data-content>
<div class="wrap">
<div class="main">
<header class="main__header" role="banner">
{{ content_for_logo }}
{{ breadcrumb }}
{{ alternative_payment_methods }}
</header>
<main class="main__content" role="main">
{{ content_for_layout }}
</main>
<footer class="main__footer" role="contentinfo">
{{ content_for_footer }}
</footer>
</div>
<aside class="sidebar" role="complementary">
<div class="sidebar__header">
{{ content_for_logo }}
</div>
<div class="sidebar__content">
{{ content_for_order_summary }}
</div>
</aside>
</div>
</div>

{{ tracking_code }}
</body>
</html>

 

For more information on how to deploy our script you can follow this guide here: 

 

Deploying the Noibu Script

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.