Add Qualify64 to Webflow
Webflow has a built-in Custom Embed element that lets you inject HTML and scripts into any page. Use this to add your Qualify64 calculator.
Before you start
Get your embed code from the Qualify64 builder:
- Open your funnel and click Publish
- Copy the embed code from the publish panel
Your embed code looks like this:
<script src="https://app.qualify64.com/c/your-funnel-slug.js"></script>Webflow plan requirement: Custom embeds require a Basic plan or higher for hosting. They are available in the Designer on any plan, but scripts only run on published sites with a paid hosting plan.
Adding the calculator to a page
- Open your project in the Webflow Designer
- Navigate to the page where you want the calculator
- In the left panel, open the Add Elements panel (the + icon)
- Under Components, drag a Custom Embed element onto the canvas in the position you want
- Double-click the embed element to open the code editor
- Paste your Qualify64 embed code
- Click Save & Close
- Publish your site
The calculator will not render in the Designer preview — this is expected. It will load correctly on the published site.
Adding to a CMS collection page
If you want the calculator on a template page (e.g. a service page driven by a CMS collection):
- Open the Collection template in the Designer
- Add a Custom Embed element as described above
- Paste your embed code
- Publish
The same calculator will appear on every page using that template. If you need different calculators on different pages, you can use a CMS field to store the slug and pass it to the embed code dynamically — contact Qualify64 support for guidance on this approach.
Troubleshooting
The calculator does not load on the published site. Check your Webflow site's Project Settings → Custom Code area. Some project-level CSP settings can block external scripts. Also confirm your hosting plan supports custom embeds.
The embed element shows a grey box in the Designer. This is normal — Webflow does not execute external scripts in the Designer canvas. Test on the published URL.
I need the calculator on multiple pages. Create a Symbol from the embed element. Symbols in Webflow allow you to reuse the same component across multiple pages and update it in one place.