WEBFLOW INSTALLATION GUIDE

Embed a revenue calculator on Webflow without custom JavaScript.

Use Webflow’s Code Embed element for the RapidReply iframe. The calculator remains hosted and maintained by RapidReply while matching the business name, colors, and booking destination you configure.

Create the free embed →
STEP BY STEP
01

Build and copy the calculator

Set the calculator template, assumptions, branding, and optional customer-owned HTTPS link in RapidReply, then select Copy embed.

02

Add a Code Embed element

In the Webflow Designer, open the Add panel, place a Code Embed element where the calculator should appear, and open its code editor.

03

Paste, save, and publish

Paste the RapidReply iframe, save and close the embed, then publish to a staging or production domain and verify the complete widget on desktop and mobile.

BEFORE PUBLISHING

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.
PLATFORM NOTE

Webflow requirements

Webflow says the Code Embed element requires an eligible paid Workspace or an active Site plan, and custom code is outside its direct support scope. The RapidReply iframe is far below Webflow’s 50,000-character embed limit.

Read Webflow’s Code Embed guide ↗
READY TO INSTALL

Build the version that matches your business.

Open the free builder →