Woicely
Sign in
Framer Integration

Add Voice Conversations to Your Framer Site

Let visitors talk to your website. Answer their questions, guide them to the right page, and help them find what they need. Set up in 2 minutes.

Get Started FreeSee How It Works

How It Works

Add Woicely to your Framer site in three simple steps.

1

Create your Woicely account

Sign up for free. Add your website URL and we'll learn your content automatically.

2

Copy your embed code

Go to your dashboard and copy the embed code. It's just two lines of JavaScript.

3

Add to Framer

In Framer, add an Embed element with "Custom Code" and paste your code. Publish. Done.

The Embed Code

Just one line. Paste this into a Framer Embed element with "Custom Code" selected.

<script src="https://woice-backend.onrender.com/static/woicely-bootstrap.min.js?tenant=YOUR_TENANT_ID&mode=iframe"></script>

Replace YOUR_TENANT_ID with your actual tenant ID from the Woicely dashboard.

Step-by-Step in Framer

1

Open your Framer project

Go to your Framer project where you want to add Woicely.

2

Add an Embed element

Press / to open the insert menu, then search for "Embed" and add it to your page.

3

Select "Custom Code"

In the Embed panel on the right, change the type from "URL" to "Custom Code".

4

Paste your Woicely code

Paste the embed code from above (with your tenant ID). The element itself can be hidden or placed anywhere.

5

Publish your site

Click "Publish" in the top right. Visit your live site and you'll see the Woicely button in the corner.

Why Framer Users Love Woicely

Works with any Framer template
No coding experience needed
Customizable colors and position
Learns from your website content
Available 24/7 for your visitors
Set up in under 2 minutes

Ready to add voice to your Framer site?

Start your free trial today. No credit card required.

Get Started Free