Where to place it in Dawn
Place the product block below the price or buy buttons, then add the cart block close to the subtotal. Test the cart drawer separately if it is enabled.
Setup steps
- Install ShipCalc. Install from the Shopify App Store. The 14-day free trial starts straight away.
- Open the Theme Editor. Go to Online Store → Themes → Customize on your Dawn theme, or use the one-click link in ShipCalc's onboarding.
- Add the ShipCalc block. Open a product template, choose Add block → ShipCalc, and drag it near the price or buy buttons. Repeat on the cart template.
- Turn on the cart drawer embed. If your store uses a slide-out cart, open App embeds and switch on the ShipCalc cart drawer embed.
- Match the design and save. Adjust colours, layout, and wording in ShipCalc's Appearance page, preview, and save the theme.
What to test in Dawn
Confirm the selected product template is the one used by your live products, and test mobile spacing around the buy buttons.
- Desktop product page
- Mobile product page
- Cart with one item and with several
- A destination in each region you ship to
- Unsupported destination and no-rate message
- Cart drawer open, add, and remove
Questions
Do I need to edit Dawn theme code?
No. The product and cart placements are Shopify Theme Editor app blocks. The cart drawer uses an app embed; some drawers need a custom selector, which we can help with.
Should the calculator go above or below Add to cart?
Keep it close to the price and purchase buttons. If delivery cost is a big part of the decision (bulky or heavy products), place it directly under the price or buy buttons.
What should I test before publishing?
Desktop and mobile layouts, several product types, destinations in each region you ship to, the cart page, and the cart drawer if your theme uses one.