Shopify
Updated
by Team ViaBill
ViaBill Integration for Shopify
If you prefer, you can download the Integration guide for Shopify
- Get our app through this link
- Start setting up our Checkout
- Click on Install Unlisted App
- Create a new account with ViaBill by filling out the registration form, or log in to your existing ViaBill account.
- Install our payment gateway
- Click the Install Payment Provider button to continue
- After installing our Payment gateway, go to Alternative payment methods and search for ViaBill
- Fill in this information with the data provided in the app (check Step 5) and scroll down to click on Activate ViaBill Checkout.
- Done! Now it’s time to set up the PriceTag. If you need help with this step, please contact tech@viabill.com and we will send you a Shopify collaborator request.
Keep in mind that the following instructions are general guidelines and might not apply to every store.
Check this guide if you need more information on pricetags.
- To set up your PriceTag, copy the PriceTag script from the app. It should look similar to this:
<script>
(function(){
var o=document.createElement('script');
o.type='text/javascript';
o.async=true;
o.src='https://pricetag.viabill.com/script/{SHOPSPECIFIC}';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(o,s);
})();
</script>
- Paste the script at the end of the cart.template and product.template files.
- To set up the PriceTag on your product page, look for product-template.liquid, and insert the following code close to product.price or something similar.
<div class="viabill-pricetag" data-view="product" data-price="{{ product.price | money }}" data-language="en" data-currency="usd"></div>
- To set up the PriceTag on your cart page, look for cart-template.liquid, and insert the following code close to cart.total or something similar.
<div class="viabill-pricetag" data-view="basket" data-price="{{ cart.total_price | money }}" data-language="en" data-currency="usd"></div>
