Custom attributes

Attributes are different characteristics associated with your visitors (for example, demographics, behavior, etc.).

If you want to target anything that isn’t available by default, you can use custom attributes to store and retrieve data about your visitors. Once a custom attribute is defined and set on a page visit, you can leverage it to define a rules-based audience or filter optimization results by the attribute.

How custom attributes work

Custom attributes are first defined in Webflow Optimize, and then set for a user or pageview by using the wf.setAttributes() method of the Browser API. By setting an attribute, you’re sending data to Webflow Optimize that can be used to create a rules-based audience or filter optimization results.

Configuring custom attributes

1
// Call wf.ready() to ensure the Browser API is available
2
wf.ready(function() {
3
    // Set custom attributes
4
    wf.setAttributes("user", {
5
        customerSegment: 'enterprise',
6
        userRole: 'technicalBuyer'
7
    });
8
});

Using custom attributes in Optimize

Once you’ve created and set a custom attribute, you can use it to create a rules-based audience or filter optimization results.

Create a rules-based audience

Create a rules-based audience to target visitors based on their custom attributes.

Filter optimization results

Filter optimization results by custom attributes.

Looking for more information?

Visit the Webflow Help Center to learn more about custom attributes and audiences in Webflow Optimize, including:

• Creating and managing custom attributes
• Building rules-based audiences
• Targeting visitors with custom attributes
• Best practices for audience segmentation
• Enterprise-specific features and capabilities

You can also explore Webflow University for additional tutorials and resources on making the most of Webflow Optimize’s personalization features.