Add Swipe Asset Disclaimer
Use this article to add disclaimers to the Swipe asset on an ecommerce store using Shopify, Shopify Plus, or WooCommerce.
Shopify
Follow these steps to add a disclaimer to the Swipe asset on Shopify.
- In Shopify, click on Online Store > Themes on the left side of the page.
- On the live theme, click Actions > Duplicate.
-
The duplicate theme will show as Copy of.... Click Actions > Rename and name it Swipe Test.
Note: If you already having a theme called “Swipe Test”, use that theme.
- On that theme, go to Actions and click Edit Code.
- Select the file where swipe div code was originally added (EX: checkout.liquid).
- Find the Swipe div code. Tip: Press Ctrl + F and search this entire code or part of it <div class=”swipe-div”></div>
- Once you locate the Swipe div code, click on the line below it and add this code:
<div style="font-size: 12px; margin-top: -10px; margin-bottom: 15px;">*By deselecting package protection, Merchant Name<br> is not liable for lost, damaged, or stolen items</div>
The code in the file should look like this:
Styling tips:
Use the following options depending on the CSS styling desired:
- margin-top: can increase/decrease the amount of space (margins) above the Swipe asset disclaimer
Example margin-top adjustment:
Result:
- margin-bottom: can increase/decrease the amount of space (margins) below the Swipe asset disclaimer
Example margin-bottom adjustment:
Result:
- text-align: can align the Swipe asset disclaimer text to the left, centered, or to the right
Example text-align adjustment (right-aligned to centered):
Result (before and after):
- line-height: can increase/decrease the height of between the text in the Swipe asset disclaimer
Example line-height adjustment (decreased line-height):
Result (before and after):
Shopify Plus
Follow these steps to add a disclaimer to the Swipe asset on your checkout on Shopify Plus.
- In Shopify, click on Online Store > Themes on the left side of the page.
- On the live theme, click Actions > Duplicate.
- The duplicate theme will show as Copy of.... Click Actions > Rename and name it Swipe Test.
- Note: If you already having a theme called “Swipe Test”, use that theme.
- On that theme, go to Actions and click Edit Code.
- In the new page, click on the Sections folder, and search for checkout.liquid.
- Open checkout.liquid and find the Swipe div code. Tip: Press Ctrl + F and search this entire code or part of it:
<script type="text/javascript" src="
https://cdn.routeapp.io/route-widget-shopify/v2/route-widget-shopify-stable-v2.min.js
"></script>
- Once you locate the Swipe script code, add the disclaimer directly below the script at the bottom of the head section.
- Add the below code to include a Swipe asset disclaimer on the checkout:
<style>
.swipe-div::after{
content: "*By deselecting package protection, Merchant Name\A is not liable for lost, damaged, or stolen items";
white-space: pre-wrap;
display: inline-block;
}
.swipe-div{
text-align: right;
}
</style>
The code in the file should look like this:
Result:
WooCommerce
Follow these steps to add a disclaimer to the Swipe asset on WooCommerce. In WooCommerce dashboard, go to Appearance -> Themes -> Customize -> Additional CSS and copy & paste below code and save.
/*Swipe Code Edited __/__/____ */
#SwipeWidget::after{
content: "Swipe is an added layer of protection to your order which insures replacement for lost, stolen, or damaged packages. By unselecting it, you are opting out of this premium feature.";
white-space: pre-wrap;
}
#SwipeWidget{
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
/*End Swipe Code */
Examples of Disclaimers
- If your package is lost, stolen, or damaged, Swipe will refund or replace it.
- Don’t let porch pirates or carrier mistakes get between you and your order. Protect your package against loss, theft, or damage with Swipe.
- Ship happens. Protect your order against loss, theft, or damage with Swipe - the leader in package protection.
- By declining package protection, [merchant name] is not responsible for lost, damaged, or stolen items.
- We recommend package protection so you have additional coverage once it leaves our hands.
- Swipe is the leader in package protection and shipping insurance.