Use the web non-visual editor web-non-visual-editor

In addition to the Journey Optimizer visual web designer, you can also add modifications to your web pages using a non-visual editor.

This can be useful if you cannot, or are not allowed to, install browser extensions such as the Adobe Experience Cloud Visual Helper, which is required to load your pages in the web designer.

In certain cases, you may also find it easier to use a non-visual editor to apply modifications on a particular CSS selector, without the risk to modify other elements on a web page or to change the page structure.

To author your web experiences with the non-visual editor, follow the steps below.

  1. From the Edit content screen in the journey or campaign, unselect the Visual editor option.

  2. Click Add a modification to start editing your web content.

  3. The non-visual editor displays. You can add your first modification using the left pane.

  4. In the drop-down list, select the modification type.

    Two types are available. They come with different options. See the links below for more details:

  5. Click the Add personalization button. The personalization editor opens.

    You can leverage the Journey Optimizer personalization editor with all its personalization and authoring capabilities. Learn more

  6. Enter your content and Save your changes.

  7. Your first modification displays on top of the Modifications pane.

    Click the More actions button next to your modification and select Info to display its details. You can also Delete the modification if needed.

    {width="50%"}

    note note
    NOTE
    The Modifications pane is the same as when using the web designer. All the actions you can perform with it are detailed in this section.
  8. Click the Add button on top of the Modifications pane to add another modification, and repeat the steps above.

  9. In addition, you can select any element of your website and track the clicks on that element. To enable click tracking, and define the actions to track, click the second icon on the left rail, as shown below:

    {width="50%"}

    Use the Add Component button to select a new action to track. Learn more about click tracking usage in this section.

  10. Click the arrow on top left of the screen to browse back to the journey or campaign edition screen. You can see the current number of changes and add more modifications.

    You can also switch to the web designer if desired. All your modifications will be preserved.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76