Where to place it in Horizon
Add ShipCalc to the main product information area and keep it after essential options but before secondary details. Use the cart placement for order-level quotes.
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 Horizon 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 Horizon
Preview desktop and mobile product layouts, then test any cart overlay used by the current theme configuration.
- 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 Horizon 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.