Introduction
The purpose of this document is to assist developers in the custom placing of Flexport's Shopify Fast Delivery badges in Shopify store pages. To avoid custom placing, Shopify sellers can choose for Flexport to auto place badges (via Shopify Fast Tag).
Getting Started
To apply Flexport Shopify Fast Delivery badge on either the "Home" and "Collections" pages or the "Product Details" page, insert the <deliverr></deliverr> code from the chart below in your HTML source. Any place where Flexport finds this code, a badge will render.
Pages |
Appearance |
Code |
Home and Collections |
|
<deliverr data-component="Badge" data-productId="{{product.id}}"></deliverr> |
Product Details |
<deliverr data-component="BadgeWithCountdown"></deliverr> |