Documentation

Get started with Segmentor on your Framer site in minutes.

01

Install the snippet

Add Segmentor to your Framer site

Copy the script tag below and paste it into your Framer site's Custom Code section (Site Settings → General → Custom Code → End of <head> tag).

<script src="https://cdn.segmentor.io/s.js" data-project="YOUR_PROJECT_ID" defer></script>

Replace YOUR_PROJECT_ID with the project ID from your Segmentor dashboard.

02

Open the visual editor

Select elements and create variants

Once installed, open any project in your Segmentor dashboard and click Open Editor. This loads your live Framer site with the Segmentor overlay. Click on any element to select it, then create a new variant with different text, styles, or visibility.

Change text content
Modify styles & classes
Show or hide elements
03

Set conditions & go live

Target the right visitors

Add targeting conditions to each variant. You can combine any of these rules:

  • Geo-location (country, region, city)
  • Device type (mobile, desktop, tablet)
  • Time of day or day of week
  • UTM parameters (source, medium, campaign)
  • Custom audience segments

When you're happy with the setup, publish your changes. They go live instantly on your Framer site — no redeploy needed.

Need help?

If you run into any issues, our team is here to help.

Contact support →