Optimize for non-Webflow sites

Create personalize optimizations

Updated

Deliver targeted content using audience-specific rules.

Personalize optimizations align with traditional rules-based personalization. You’re not running an experiment or trying to find a winner — you’re making an intentional decision to show specific content to specific audiences by locking in rules. This lets you tailor the experience for different groups, increasing relevance and driving engagement.

How personalize optimizations work

Note

Personalize variations require an audience. Learn how to create a rules-based audience or a code-based audience.

Personalize optimizations always show the assigned variation to 100% of visitors who match the defined audience criteria.

Each rule acts like an “if-then” statement — for example, if someone is visiting from Chicago, then show them a variation that features Chicago–specific messaging and imagery. That same rule won’t apply to someone visiting from another city.

If a visitor matches more than one rule, they'll see the variation tied to the highest-priority rule. Priority is set from top to bottom. For example, New York is the higher priority rule here:

  • Audience: New York = Variation A
  • Audience: Mobile devices = Variation B

A visitor in New York on a mobile device sees Variation A, but a visitor in California on a mobile device sees Variation B.

Create a personalize optimization

Note

These steps cover creating your first variation with the visual editor. Other options include hand-coded variations, redirect variations, and ready-made playbooks.

Open your Optimize site in Webflow, then:

  1. Click Optimizations in the Navigation panel
  2. Click New optimization
  3. Click Use the visual editor
  4. Choose Personalize
  5. Click Continue
  6. Choose a page definition
  7. Click Select page & continue
  8. Choose an audience in the Audience panel for your first variation
  9. Select an element on the page and build the variation
  10. Rename the variation in the Variations panel
  11. Click Save
  12. Click Add variation in the Variations panel to build another variation
  13. Rename the optimization by clicking the current name at the top
  14. Click Done when you’re finished

Configure your optimization

The Goals tab and Configuration tab can be accessed at the top of the visual editor, or from the optimization results page after you click Actions > Edit Configuration.

Goals tab

An "AutoGoal" is created by default, which tracks the forward engagement. You can create your own goals that more closely align to the optimization's intent to define what success looks like. Learn more about goals.

Configuration tab > Overview

Configuration tab > Advanced

If you've added custom code, this page shows code selectors or preconditions you've defined.

Preview and launch

Before launching, preview each variation to make sure everything looks and behaves as expected. Once you're ready, you can launch individual variations or all draft variations at once.