1. Help Center
  2. Build
  3. Create a Client-Side Campaign

Understanding the Visual Editor

Capabilities and limitations of the SiteSpect Visual Editor

The Visual Editor provides a visual display of your website within SiteSpect, a preview of sorts. It uses a WYSIWYG window that allows you to edit components of your site and preview changes as you make them. It lets you specify changes without coding: without regex, without HTML, and without CSS. This makes it easier to specify Variation Groups because you can immediately see the changes you make.

With the Visual Editor, you review your web pages, determine what you want to change, make your changes right on the page, and save your changes.

What You Can Do With the Visual Editor

The Visual Editor is versatile and allows you to make changes to the text and images on your website. With the Visual Editor, you can:

  • Edit the text of a page element.
  • Edit formatting and styling such as font, font size, and font color, position, background, bold, italic, and underline.
  • Edit the HTML code of an element.
  • Swap out one image for another or add a background image to a page element that does not already have one.
  • Reorder or move components within a page.
  • Hide or remove elements on a page.
  • Add a new page element.
  • Insert or modify element links.
  • Examine the page structure using the DOM Tree.
  • Navigate the site using Preview.
  • Save a collection of changes together in a group called a Variation Group.

What You Cannot Do With the Visual Editor

There are a few things you cannot do with the Visual Editor:

  • You cannot make big changes, such as moving an entire column from one side of the page to the other. Reordering content is typically restricted by the page structure, and the Reorder feature in the Visual Editor will indicate where an element can realistically be moved to.
  • You cannot add regex code to a page element.
  • Modifying dynamic content on a page can be difficult in some cases.