Where to place it in Impulse
Add the product app block in the product template, then enable the cart-drawer embed if you want rates inside the drawer.
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 Impulse 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 Impulse
Test after adding and removing cart items, on mobile, and after any theme update that changes drawer markup.
- 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 Impulse 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.