Insurify allows Shopify merchants to offer insurance protection on the products or services they sell so they can start covering stolen or broken items that have been insured by the consumer.
Insurify increases customer confidence at a pivotal point in the purchase process, resulting in site conversion increase which increases the shoppers' confidence knowing their purchase is guaranteed.
Insurify reinforces trust in your brand and aids in purchasing decisions at the checkout page and allow your customers to ensure their shipments in one-click Increase conversion, customer loyalty, and lifetime value Increase trust by guaranteeing shipments.
- Give your customers a sense of security when purchasing your products. Protection is available to customers at Checkout.
- Shoppers can buy with confidence knowing their purchase is guaranteed. Insurify reinforces trust in your brand.
- Insurify allows your customers to file claims, view claim status easily from their end.
Step by step installation:
Once you install the app from the app store, the app will automatically inject most of the code into your live theme. You only need to inject this line of code on the cart.liquid or cart-template.liquid (depending on your theme) page. It is best if you inject the code above the checkout buttons this way your customers can see the app toggle button above the checkout button:
<div class="insurify-widget-container"></div>
Step 1:
Please install the app from the app store.
Step 2:
Please click the "Start free trial" button to get 3 days trial on the app.
Step 3:
Once the app is installed, you will be forwarded to the dashboard of the app, please click on settings:
Step 4:
By default, the app will be disabled, to enable it, please click "Enable"
Step 5:
Now that the app is enabled, we need to inject the code in the cart-template.liquid page inside your theme. Please notice that for some themes the code will be injected automatically.
To inject the code into your theme, please follow these steps:
a- Copy this code line of code:
<div class="insurify-widget-container"></div>
b- On the left menu of Shopify, please click on online stores -> themes
Please find the published theme you are using and click Actions -> Edit Code
c- Open the cart-template.liquid file
d- Search for the checkout button code and paste this code and click save.
<div class="insurify-widget-container"></div>
below is a screenshot showing it from the "debut" theme. Please notice that the checkout button block could be in a different line depending on the theme you are using.
e- Now that you added the code, please go to the front end of the website, add an item to the cart and you should see the Insurify option:
Please notice that your customers have to go to the cart page to see it, if you have a buy now button that goes straight to the checkout page then your customers won't be able to add it.
How to install Insurify on the checkout page?
Please note that this can ONLY be done for the Shopify Plus account.
- Please go to config/settings_schema.json file under and add the below schema at the end
{
"name": "Checkout insurify",
"settings": [
{
"type": "header",
"content": "Insurify settings"
},
{
"type": "checkbox",
"id": "enable_insurify",
"label": "Enable insurify",
"default": true
}
]
}
- Please create a snippet with the name snippet/checkout-insurify and copy the below.
{% if settings.enable_insurify %}
<script type="text/javascript" src="/a/insurify/wr-insurify.js?v={{ 'now' | date:"%s" }}&shop={store.myshopify.com url}"></script>
<style>
#insurify_lines .content-box{
border-color: #d9d9d9;
}
</style>
<div class="insurify-widget-container"></div>
<script type="module">
(function($) {
$(document).on("page:load page:change", function() {
if(!document.getElementById('insurify_lines') && !Shopify.Checkout.hasOwnProperty('isOrderStatusPage')){
var dynaHTML = `<div class="section">
<div class="content-box">
<div role="table" class="content-box__row content-box__row--tight-spacing-vertical">
<div role="row" class="review-block">
<div class="insurify-widget-container"></div>
</div>
</div>
</div>
</div>`;
var htmlObject = document.createElement('div');
htmlObject.setAttribute("id","insurify_lines");
htmlObject.setAttribute("class","order-summary__section order-summary__section--total-lines");
htmlObject.setAttribute("data-order-summary-section","insurify-lines");
htmlObject.innerHTML = dynaHTML;
document.querySelector('#order-summary .order-summary__sections').append(htmlObject);
}
insuirfyWidget.ajaxCartCallback = function(data){
location.reload();
};
});
})(Checkout.$);
</script>
{% endif %}
- Please check if you have access to checkout.liquid file for the theme (access can only be provided to Shopify Plus users).
- If you have access, please copy this code into the checkout.liquid file before the </body> tag.
{% comment %} Insurify - Webinopoly {current_date} {% endcomment %}
{% render 'checkout-insurify', checkout:checkout %}
{% comment %} Insurify - Webinopoly {current_date} {% endcomment %}
Please feel free to contact us at support@webinopoly.com if you had any issues installing the app and we will help you set it up for free.
Comments
0 comments
Please sign in to leave a comment.