
“When will it arrive?” is the number-one pre-purchase question in ecommerce. A clear delivery-details box right under your price answers it instantly — and that reassurance is what turns hesitant browsers into buyers.
With a Custom Liquid section you can add beautiful delivery info — truck icons, estimated dates, COD badges, even a pincode checker — in minutes, with no app and no theme edits. Below are 6 ready-made delivery boxes for different store types, each with a live preview. Pick one, copy the code, done.
1. Fashion Store – Free Delivery Box
Clean and confident — a monochrome delivery box with the three trust signals fashion shoppers look for: date, returns and COD.
Preview
Free delivery by Friday, 10 Oct
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v1 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v1-box{max-width:440px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;border:1px solid #e5e5e5;border-left:4px solid #111;padding:14px 18px;background:#fafafa}
.f3v1-row{display:flex;align-items:center;gap:12px;margin:9px 0;font-size:14px;color:#333}
.f3v1-icon{font-size:20px}
.f3v1-big{font-weight:700}
</style>
<div class="f3v1-box"><div class="f3v1-row"><span class="f3v1-icon">🚚</span><span><span class="f3v1-big">Free delivery</span> by Friday, 10 Oct</span></div><div class="f3v1-row"><span class="f3v1-icon">↩️</span><span>7-day easy returns, no questions asked</span></div><div class="f3v1-row"><span class="f3v1-icon">✅</span><span>Cash on Delivery available</span></div></div>
2. Electronics Store – Express vs Standard
Choice converts — two delivery tiers side by side with a highlighted express option, perfect for electronics stores.
Preview
Delivery Options
Express vs Standard delivery tiers
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v2 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v2-box{max-width:440px;margin:0 auto;font-family:'Trebuchet MS',Verdana,sans-serif;background:#071c33;color:#dceaff;padding:18px;border-radius:10px}
.f3v2-head{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#37e0ff;margin:0 0 6px}
.f3v2-tier{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #1e3a5f;border-radius:8px;margin:8px 0;font-size:14px}
.f3v2-tier.hot{border-color:#37e0ff;background:rgba(55,224,255,.08)}
.f3v2-tag{font-size:11px;background:#37e0ff;color:#071c33;padding:2px 8px;border-radius:99px;font-weight:700}
</style>
<div class="f3v2-box"><p class="f3v2-head">Delivery Options</p><div class="f3v2-tier hot"><span>⚡ Express — 2 days</span><span><span class="f3v2-tag">POPULAR</span> ₹99</span></div><div class="f3v2-tier"><span>🚚 Standard — 5 days</span><span>Free</span></div></div>
3. Grocery Store – Same-Day Slots
Made for quick commerce — tappable same-day time slots in fresh green that grocery shoppers love.
Preview
🛵 Same-day delivery
Same-day slots — 12–2 PM selected
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v3 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v3-box{max-width:440px;margin:0 auto;font-family:Verdana,Geneva,sans-serif;background:#f2faf4;border:1px dashed #2f9e44;padding:16px;border-radius:12px}
.f3v3-title{font-size:14px;font-weight:700;color:#257a36;margin:0 0 4px}
.f3v3-slot{display:inline-block;margin:6px 6px 0 0;padding:8px 14px;border:1px solid #2f9e44;border-radius:99px;font-size:13px;color:#257a36;background:#fff}
.f3v3-slot.on{background:#2f9e44;color:#fff}
</style>
<div class="f3v3-box"><p class="f3v3-title">🛵 Same-day delivery</p><div><span class="f3v3-slot">10–12 AM</span><span class="f3v3-slot on">12–2 PM</span><span class="f3v3-slot">4–6 PM</span></div></div>
4. Beauty Store – Gift Wrap Promise
A little luxury — a blush-pink box with a gift-wrap promise and delivery date, made for beauty gifting.
Preview
Free gift wrapping on every order
Dispatched in 24 hrs — arrives by Mon, 13 Oct
Free gift wrapping included
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v4 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v4-box{max-width:440px;margin:0 auto;font-family:Georgia,serif;background:#fdf2f5;border:1px solid #f3c6d3;padding:18px;border-radius:14px;text-align:center}
.f3v4-gift{font-size:26px}
.f3v4-box p{font-size:14px;color:#8e1f4d;margin:8px 0}
.f3v4-box strong{color:#a1234f}
</style>
<div class="f3v4-box"><div class="f3v4-gift">🎁</div><p><strong>Free gift wrapping</strong> on every order</p><p>Dispatched in 24 hrs — arrives by <strong>Mon, 13 Oct</strong></p></div>
5. Furniture Store – White-Glove + Pincode
Big-ticket reassurance — a white-glove delivery promise plus a pincode checker, built for furniture stores.
Preview
🛋️ White-glove delivery in 7–10 days — we carry it to your room.
White-glove delivery + pincode check
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v5 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v5-box{max-width:440px;margin:0 auto;font-family:Georgia,serif;border:1px solid #d8cdb8;background:#faf6ec;padding:18px}
.f3v5-box p{font-size:14px;color:#5b4632;margin:0 0 6px}
.f3v5-pin{display:flex;gap:8px;margin-top:10px}
.f3v5-pin input{flex:1;padding:10px;border:1px solid #d8cdb8;font-size:14px;font-family:inherit}
.f3v5-pin button{padding:10px 18px;background:#5b4632;color:#fff;border:none;cursor:pointer;font-size:14px;font-family:inherit}
</style>
<div class="f3v5-box"><p>🛋️ <strong>White-glove delivery</strong> in 7–10 days — we carry it to your room.</p><div class="f3v5-pin"><input type="text" placeholder="Enter pincode" aria-label="Pincode"><button type="button">Check</button></div></div>
6. Jewelry Store – Insured Secure Delivery
Trust in gold — an insured-delivery seal on black, built for high-value jewelry orders.
Preview
🔒 Fully Insured
Secure, signature-on-delivery shipping on every order
Free • Discreet packaging
100% insured & secure delivery
Liquid Code
{% comment %} LayoutKart snippet: shopify-product-page-delivery-details v6 - paste into a Custom Liquid section {% endcomment %}
<style>
.f3v6-box{max-width:440px;margin:0 auto;font-family:Georgia,serif;background:#141422;color:#e9c767;padding:18px;border:1px solid #e9c767;text-align:center}
.f3v6-seal{font-size:11px;letter-spacing:3px;text-transform:uppercase;opacity:.8;margin:0}
.f3v6-box p{font-size:15px;margin:8px 0}
</style>
<div class="f3v6-box"><p class="f3v6-seal">🔒 Fully Insured</p><p>Secure, signature-on-delivery shipping on every order</p><p class="f3v6-seal">Free • Discreet packaging</p></div>
How to Add Delivery Details Box to Shopify
Every snippet above is built for Shopify’s Custom Liquid section, so you don’t need to touch a single theme file. Here’s the 2-minute setup:
- From your Shopify admin, go to Online Store → Themes.
- Click Customize next to your live theme (works with Dawn and all OS 2.0 themes).
- Open the template where you want the feature, then click Add section.
- Choose Custom Liquid from the section list.
- Copy the Liquid code from your favourite variation above and paste it into the Custom Liquid box.
- Click Save — it’s live on your storefront instantly. No app, no coding, no risk.
Customize the Delivery Details Box
Make it yours:
- Dates — swap the static dates for dynamic Liquid date filters like
{{ 'now' | date: '%A' }}. - Pincode logic — connect the checker input to your actual shipping zones.
- Icons — replace the emojis with your theme’s SVG icons for a sharper look.
- COD toggle — wrap the COD row in
{% if %}to show it only on eligible products. - Position — place the section right above the Add to Cart button for maximum visibility.
More Shopify Code Sections
Keep upgrading your store with these free Liquid tutorials:
- Shopify Product Page Pincode Delivery Checker
- Shopify Product Page Estimated Delivery Date
- Shopify Product Page Trust Badges with Liquid (Code + Guide)
- Shopify Top Bar with Free Shipping Message (Liquid Code)
- Shopify Product Page Free Shipping Progress Bar
- Shopify Cart Free Shipping Progress Bar (Boost AOV)
- Shopify Product Page WhatsApp Order Button
- How to Add a Limited Time Offer Box to Shopify
Conclusion
Delivery details are pure conversion fuel — they answer the buyer's biggest question before it is even asked. Pick the box that fits your store, drop it into a Custom Liquid section under your price, and watch those “when will it arrive?” doubts melt away. Free to implement, priceless in trust.
Want more copy-paste Shopify sections? LayoutKart publishes free Liquid tutorials every week — no apps, no monthly fees, just clean code. Bookmark this page and check back for new effects!