--- title: How do I build a Campaign with the Visual Editor? description: Visual Editor mode allows you to use a WYSIWYG editor to specify changes to the page that you want to test. This topic shows you how to use Visual Editor mode in SiteSpect's A/B Campaign Builder to bu --- [Skip to content](https://doc.sitespect.com/knowledge/how-do-i-build-a-campaign-with-the-visual-editor#main-content) English Show submenu for translations ![Monetate-Logo-Full-Color-1](https://doc.sitespect.com/hs-fs/hubfs/Monetate-Logo-Full-Color-1.png?width=340&height=49&name=Monetate-Logo-Full-Color-1.png) - [A/B Testing](https://www.sitespect.com/testing-and-experimentation/) - [Personalization](https://www.sitespect.com/personalization-targeting/) - [Recommendations](https://www.sitespect.com/recommendations/) Open main navigation Close main navigation - [A/B Testing](https://www.sitespect.com/testing-and-experimentation/) - [Personalization](https://www.sitespect.com/personalization-targeting/) - [Recommendations](https://www.sitespect.com/recommendations/) - English Show submenu for translations How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://doc.sitespect.com/knowledge?hsLang=en) 2. [Build](https://doc.sitespect.com/knowledge/build?hsLang=en) 3. [Create a Client-Side Campaign](https://doc.sitespect.com/knowledge/build?hsLang=en#create-a-client-side-campaign) # How do I build a Campaign with the Visual Editor? Visual Editor mode allows you to use a WYSIWYG editor to specify changes to the page that you want to test. This topic shows you how to use Visual Editor mode in SiteSpect's A/B Campaign Builder to build a simple test. The following are the basic steps: 1. Name the Campaign and make some initial settings. 2. Specify a Variation you'd like to test. 3. Assign one or more Metrics and a Key Performance Indicator (KPI) to the Campaign. 4. Include or exclude one or more Audiences. These steps assume that you're creating a Campaign with the fewest possible components: an A/B test with one Variation, one KPI, and one predefined Audience. After you build this Campaign, you'll be able to build a variety of Campaigns with more components. #### Launching the Campaign Builder To open the Campaign Builder, select **New**, **A/B Campaign**. ![How do I build a Campaign with the Visual Editor - Launching the Campaign Builder](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Launching%20the%20Campaign%20Builder.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Launching%20the%20Campaign%20Builder.png) The New Campaign page opens. ![How do I build a Campaign with the Visual Editor - New Campaign](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20New%20Campaign.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20New%20Campaign.png) The page is divided into four sections, one for each of the major tasks. The triangle toggle next to the section name opens and closes the page section. ![How do I build a Campaign with the Visual Editor - New Campaign II](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20New%20Campaign%20II.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20New%20Campaign%20II.png) You do not have to build the entire Campaign in one session. To save your work between sessions, click **Save** at the bottom of the page. The Campaign does not start running until you start it manually by changing its [Status](https://sitespect.force.com/onlinehelp/s/article/Campaign-Status-Campaign-Builder-1184311292?r=59&ui-knowledge-components-aura-actions.KnowledgeArticleVersionCreateDraftFromOnlineAction.createDraftFromOnlineArticle=1&ui-force-components-controllers-recordGlobalValueProvider.RecordGvp.getRecord=1) or the Campaign start date you specify arrives. #### Name The Campaign 1. Open the **General** section of the page. 2. Enter a descriptive name for your Campaign. The name you enter appears in the **Campaign List**. 3. Leave the default Campaign status as **Review** while the Campaign is under construction. 4. Select **Standard** from the **Type** drop-down. 5. Leave the **[Frequency](https://doc.sitespect.com/knowledge/specifying-frequency-for-a-campaign?hsLang=en)** set to its default. 6. In the **Hypothesis** field, enter a brief statement that describes what this Campaign accomplishes; it explains what results you expect when you run this test. 7. In the **Tags** field, enter the name of a new or existing [Tag](https://doc.sitespect.com/knowledge/using-tags-in-the-campaign-builder?hsLang=en). If it's new, SiteSpect asks you to confirm that you want to add the Tag. 8. Click **Yes** next to **Would you like to specify a date range?** and use the calendar to specify a start date in the **Begins** field. If you need one, you can specify an end date as well. Remember that if you don't specify an end date, once started, the Campaign runs until you stop it. 9. By default, the **Preview** field contains the domain for your site. This is your original website that you will use to preview of changes. In most cases, you'll leave this as is. #### Specify Variations Variations describe the changes you want to test on your website. You can define Variations using the [Visual Editor](https://doc.sitespect.com/knowledge/understanding-the-visual-editor?hsLang=en), the default, or Find & Replace mode. These instructions use **Visual Editor** mode. **Note:** For detailed instructions on how to use the Visual Editor, refer to [Using the Visual Editor](https://doc.sitespect.com/knowledge/using-the-visual-editor?hsLang=en). 1. Open the Variations section of the page. If it's not already in Visual Editor mode, click **Visual Editor**. ![How do I build a Campaign with the Visual Editor - Specify Variations](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Specify%20Variations.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Specify%20Variations.png) The Variations section of the page changes to allow you access to the Visual Editor, as shown in the following image: ![How do I build a Campaign with the Visual Editor - Specify Variations II](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Specify%20Variations%20II.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Specify%20Variations%20II.png) 1. Click **Launch Visual Editor**. Your website opens in the Visual Editor. A few things to note: - You can switch between **Edit** and **Preview** modes by clicking their links in the upper right corner of the page. - The name of the Campaign is at the top of the page. To edit it, click the name and type a new name. - To edit the name of a Variation Group, select the Variation Group name from the menu in the upper right and select **Rename**. - To add a Variation Group, select New Variation Group from the Variation Group menu in the upper right. 1. To practice editing: - Rename the Campaign to something that works for you. - Rename the Variation Group as well. - Then click on an element on the page. In the following image you can see how the page element becomes framed when you select it. ![How do I build a Campaign with the Visual Editor - Clothing Co](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co.png) - Right click and select **Edit **and then** Text** from the right-click menu. ![How do I build a Campaign with the Visual Editor - Clothing Co II](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co%20II.png?width=356&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co%20II.png) - After you select **Edit Text**, the text becomes editable and an **Edit Palette** with various text editing tools is displayed. For simplicity's sake we're showing you how to edit text. You can just as easily edit images, change the order of screen items, and lots more. ![How do I build a Campaign with the Visual Editor - Clothing Co III](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co%20III.png?width=500&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Clothing%20Co%20III.png) - Edit the text as you need, select **This Page** or **All Pages** to determine where to apply the change, and click **Done**. - Click **Save** in the upper right corner of the Visual Editor to save the Variation Group you just created and then click **Exit**. SiteSpect returns you to the Campaign Builder. You can see the Variation Group you just created on the right side of the page. #### Assign Metrics A [Metric](https://doc.sitespect.com/knowledge/about-metrics?hsLang=en) is a user behavior you want to influence and measure. You can use Metrics in your Campaigns to learn how your changes have affected visitor behavior. A [KPI](https://doc.sitespect.com/knowledge/key-performance-indicator-summary?hsLang=en) or Key Performance Indicator is the Metric you have chosen to be the most important measurement of the Campaign. **Note:** You cannot define Metrics within the Campaign Builder. You must use the Metrics area to create them. See [Creating a Metric](https://doc.sitespect.com/knowledge/creating-a-metric?hsLang=en) for more information. The Metrics area of the page allows you to select a Key Performance Indicator (KPI), which is required, as well as Metrics. The following image shows the Metrics area of the New Campaign page. The image shows **Numeric Value** as the KPI. If you have defined a Metric as the **Critical Metric**, a setting on the Metrics page when you define it, then it shows up here as the default KPI. You can change it if you like. ![How do I build a Campaign with the Visual Editor - Assign Metrics](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Assign%20Metrics.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Assign%20Metrics.png) 1. Select a **Metric** from the **Metrics List**–if one isn't already specified by default–and drag it to the KPI area of the page 2. Select one or more **Metrics** from the **Metrics List** and them to the **Assigned Metrics** field. #### Assign Audiences [Audiences](https://doc.sitespect.com/knowledge/about-audiences?hsLang=en) determine which users are included in or excluded from a Campaign. **Note:** You cannot define Audiences In the Campaign Builder. You must use the Audiences area to create them. See [Creating a New Audience](https://doc.sitespect.com/knowledge/creating-a-new-audience?hsLang=en) for more information. The following image shows that visitors who use Yahoo will be excluded from the Campaign. It does not show any Audiences to include. ![How do I build a Campaign with the Visual Editor - Assign Audiences](https://doc.sitespect.com/hs-fs/hubfs/Kbase%20Images/How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Assign%20Audiences.png?width=688&name=How%20do%20I%20build%20a%20Campaign%20with%20the%20Visual%20Editor%20-%20Assign%20Audiences.png) 1. In the **Audiences** section, drag one or more Audience from the Audience List to the **Required** field to include those users in the Campaign. 2. Drag one or more Audience to the **Excluded** field to exclude them from the Campaign. When more than one Audience is selected, a visitor must meet criteria specified by all Audiences in order to be included in the Campaign. Be sure you do not include Audiences that make it impossible for a visitor to be included. For example, don't include one Audience that specifies that the visitor must come from Massachusetts AND another Audience that specifies that the visitor must come from California. If you do, the Campaign will have no assignments. ### Save the Campaign Be sure to click **Save** at the bottom of the Campaign Builder page to save the Campaign. - [Get Started](https://doc.sitespect.com/knowledge/get-started?hsLang=en#main-content) - [SiteSpect Support](https://doc.sitespect.com/knowledge/get-started?hsLang=en#sitespect-support) - [Overview Information](https://doc.sitespect.com/knowledge/get-started?hsLang=en#overview-information) - [Intro to SiteSpect](https://doc.sitespect.com/knowledge/get-started?hsLang=en#intro-to-sitespect) - [Account Setup](https://doc.sitespect.com/knowledge/get-started?hsLang=en#account-setup) - [Artificial Intelligence](https://doc.sitespect.com/knowledge/get-started?hsLang=en#artificial-intelligence) - [Dashboard](https://doc.sitespect.com/knowledge/dashboard?hsLang=en) - [Build](https://doc.sitespect.com/knowledge/build?hsLang=en#main-content) - [Setting Up a Campaign](https://doc.sitespect.com/knowledge/build?hsLang=en#setting-up-a-campaign) - [Create a Client-Side Campaign](https://doc.sitespect.com/knowledge/build?hsLang=en#create-a-client-side-campaign) - [Create a Server-Side Campaign](https://doc.sitespect.com/knowledge/build?hsLang=en#create-a-server-side-campaign) - [Metrics](https://doc.sitespect.com/knowledge/build?hsLang=en#metrics) - [Audiences](https://doc.sitespect.com/knowledge/build?hsLang=en#audiences) - [Triggers](https://doc.sitespect.com/knowledge/build?hsLang=en#triggers) - [Variations](https://doc.sitespect.com/knowledge/build?hsLang=en#variations) - [Traffic Management](https://doc.sitespect.com/knowledge/build?hsLang=en#traffic-management) - [Preview](https://doc.sitespect.com/knowledge/build?hsLang=en#preview) - [Factors](https://doc.sitespect.com/knowledge/build?hsLang=en#factors) - [Advanced Settings](https://doc.sitespect.com/knowledge/build?hsLang=en#advanced-settings) - [Omnichannel](https://doc.sitespect.com/knowledge/build?hsLang=en#omnichannel) - [Regular Expressions (Regex)](https://doc.sitespect.com/knowledge/build?hsLang=en#regular-expressions-regex) - [WATTS](https://doc.sitespect.com/knowledge/build?hsLang=en#watts) - [Recommendations](https://doc.sitespect.com/knowledge/build?hsLang=en#recommendations) - [Monitor](https://doc.sitespect.com/knowledge/monitor?hsLang=en) - [Analyze](https://doc.sitespect.com/knowledge/analyze?hsLang=en#main-content) - [Data Export and Integration](https://doc.sitespect.com/knowledge/analyze?hsLang=en#data-export-and-integration) - [SiteSpect Reports](https://doc.sitespect.com/knowledge/analyze?hsLang=en#sitespect-reports) - [Site](https://doc.sitespect.com/knowledge/site?hsLang=en#main-content) - [Tools](https://doc.sitespect.com/knowledge/site?hsLang=en#tools) - [Configuration](https://doc.sitespect.com/knowledge/site?hsLang=en#configuration) - [Developers](https://doc.sitespect.com/knowledge/developers?hsLang=en#main-content) - [API Reference](https://doc.sitespect.com/knowledge/developers?hsLang=en#api-reference) - [Code Samples](https://doc.sitespect.com/knowledge/developers?hsLang=en#code-samples) - [Tips & Tricks](https://doc.sitespect.com/knowledge/developers?hsLang=en#tips-tricks) - [Mobile](https://doc.sitespect.com/knowledge/mobile?hsLang=en) - [Implementation, Deployment, and Security](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#main-content) - [How does SiteSpect work with CDNs?](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#how-does-sitespect-work-with-cdns) - [Single Tenant Implementations](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#single-tenant-implementations) - [Security Features](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#security-features) - [Deployment and Implementation Overview](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#deployment-and-implementation-overview) - [SiteSpect Engine & Admin API](https://doc.sitespect.com/knowledge/implementation-deployment-and-security?hsLang=en#sitespect-engine-admin-api) - [Third-Party Integration](https://doc.sitespect.com/knowledge/third-party-integration?hsLang=en#main-content) - [Google](https://doc.sitespect.com/knowledge/third-party-integration?hsLang=en#google) - [Zuko](https://doc.sitespect.com/knowledge/third-party-integration?hsLang=en#zuko) - [Troubleshooting](https://doc.sitespect.com/knowledge/troubleshooting?hsLang=en) - [Releases](https://doc.sitespect.com/knowledge/releases?hsLang=en#main-content) - [Superfresh](https://doc.sitespect.com/knowledge/releases?hsLang=en#superfresh) - [Feedback](https://doc.sitespect.com/knowledge/feedback?hsLang=en) - [A/B Testing](https://www.sitespect.com/testing-and-experimentation/) - [Personalization](https://www.sitespect.com/personalization-targeting/) - [Recommendations](https://www.sitespect.com/recommendations/) [![Monetate-Logo-Full-Color-1](https://doc.sitespect.com/hs-fs/hubfs/Monetate-Logo-Full-Color-1.png?width=200&height=29&name=Monetate-Logo-Full-Color-1.png "Monetate-Logo-Full-Color-1")](http://monetate.com) [mailto:email@email.com](mailto:email@email.com) Copyright © 2026, Monetate