---
title: Configure a tag
slug: web-experimentation/docs/configure-a-tag
docTags: 
createdAt: 2026-07-20T15:45:41.920Z
---

- Optimizely Web Experimentation
- Optimizely Personalization

[Tags](docId\:laXaPRknYpQmadeDrTP0q) capture information that displays on the pages of your website—the parts of the pages that visitors engage with, such as type of product and what it costs.

Configure tags alongside [events](docId\:puGm9z4XkEG5PDkyaNmlA) to collect important data about visitor behaviors. Then, use this information to group visitors by behavior, called [behaviorally targeted audiences](docId:8vTHKMfpmHSDLkMVrE1dy). For example, you might group visitors who clicked a product that costs more than $100. Or, tags can help gather the data needed to run an Optimizely Web experiment.

The following example shows how to configure a tag:

1. Go to **Implementation > Pages** and select the page where you want to add a tag. You can also [create a page](docId\:SLF-avIbJk1qR9hh8NU8_) instead.
2. Next to **Visual Tags**, click **Create**.

::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/BxmWMlrbxDWp7U6adtd9L_01-configure-a-tag-1.png" size="50" isUploading="false" width="350" height="386" darkWidth="350" darkHeight="386" showCaption="false" indent="1"}

3. Click the element to which you want to attach a tag.

   :::hint{type="info"}
   **Note**

   The editor automatically populates the **Selector** for the element you chose. You can enter the element’s selector into the **Selector** field if you prefer.
   :::
4. Enter a **Name** for your tag.
5. Click **Save**.

::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/CAOlWv2U2U0oztF037X9J_02-configure-a-tag-2.png" size="90" isUploading="false" width="800" height="677" darkWidth="800" darkHeight="677" showCaption="false" indent="1"}
