01
Build and copy the widget
Use RapidReply to configure the calculator and select Copy embed when the live preview matches the business.
02
Add a Code block
Edit the Squarespace page, choose Add block or +, select Code, then open the block editor and set the type to HTML.
03
Paste and verify
Paste the iframe, save the block, and use Preview in Safe Mode if the embedded calculator is hidden while you are logged in.
Four quick checks
- Confirm the calculator fits on desktop and mobile.
- Change one builder assumption and confirm the displayed estimate updates.
- If you added a button, confirm its displayed hostname and destination are yours.
- Keep the planning-estimate disclaimer visible below the result.
Squarespace requirements
Squarespace currently limits JavaScript and iframe support in Code blocks to Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. Code-based customizations are outside Squarespace support.
Read Squarespace’s Code blocks guide ↗READY TO INSTALL
Open the free builder →