Diwali Sale is LIVE - special prices end in
⚡ Launch-ready Shopify themes — Instant licensed download · 300+ stores built with LayoutKart themes

How to Add Delivery Details on Shopify Product Page

How to Add Delivery Details on Shopify Product Page

“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
↩️7-day easy returns, no questions asked
✅Cash on Delivery available

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 — 2 daysPOPULAR ₹99
🚚 Standard — 5 daysFree

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

10–12 AM12–2 PM4–6 PM

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:

  1. From your Shopify admin, go to Online Store → Themes.
  2. Click Customize next to your live theme (works with Dawn and all OS 2.0 themes).
  3. Open the template where you want the feature, then click Add section.
  4. Choose Custom Liquid from the section list.
  5. Copy the Liquid code from your favourite variation above and paste it into the Custom Liquid box.
  6. 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:

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!

Scroll to Top