hform/tables

Shipping rates HTML table template

Where you ship, how long it takes, what it costs — the three questions every buyer asks, answered in one table. For small shops that invoice or take orders by form, this table plus an order form is a complete storefront answer.

The table

Shipping rates
Destination Delivery time Cost
Sweden 1–3 business days $5
European Union 3–7 business days $12
Rest of the world 7–14 business days $25
Orders over $100 As above Free
Open in the table generator → Copied ✓

Opens the generator with this exact table loaded — change the numbers, add rows, copy your version.

Or copy the raw HTML
<div class="ht-wrap">
<table class="ht">
  <caption>Shipping rates</caption>
  <thead>
    <tr>
      <th scope="col">Destination</th>
      <th scope="col">Delivery time</th>
      <th scope="col" class="ta-r">Cost</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Sweden</td>
      <td>1–3 business days</td>
      <td class="ta-r">$5</td>
    </tr>
    <tr>
      <td>European Union</td>
      <td>3–7 business days</td>
      <td class="ta-r">$12</td>
    </tr>
    <tr>
      <td>Rest of the world</td>
      <td>7–14 business days</td>
      <td class="ta-r">$25</td>
    </tr>
    <tr>
      <td>Orders over $100</td>
      <td>As above</td>
      <td class="ta-r">Free</td>
    </tr>
  </tbody>
</table>
</div>

<style>
  .ht-wrap { overflow-x: auto; }
  .ht { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
  .ht caption { text-align: left; font-weight: 600; padding-bottom: 0.5rem; }
  .ht th, .ht td { text-align: left; padding: 0.55rem 0.8rem; border-bottom: 1px solid #d9dce0; vertical-align: top; }
  .ht thead th { border-bottom: 2px solid #9aa3ad; }
  .ht tbody tr:nth-child(even) { background: rgba(125, 125, 125, 0.07); }
  .ht .ta-r { text-align: right; }
  .ht .ta-c { text-align: center; }
</style>

Tips for a shipping rates that works

This table is one half of an order flow — the other half is an order form that delivers straight to your inbox.

Questions

Should shipping costs be a table or calculated at checkout?

Both have a place. A visible flat-rate table builds trust before checkout and works perfectly for order-form shops without a cart. Live calculation needs a store platform.

What about free shipping?

Make it a row in the table with its threshold ("Orders over $100 — free"). Shoppers actively look for it, and it nudges order size more than almost any discount.

From the same maker

Need more than a table?

Tentmaker Stores gives you a complete online store — product pages, checkout and everything in between. Built for small makers and niche sellers.