Single-page applications (SPAs) can now be authored in the web designer visual editor. This allows you to select which specific views you want to apply your web page modifications to.
A view can be defined as a whole site or a group of visual elements on a site, such as the home page, the entirety of the products site or the delivery preferences frame on all the checkout pages.
One-time developer setup is needed to define the views in the Adobe Experience Platform Web SDK implementation. This enables you to create and run Adobe Journey Optimizer web campaigns on SPAs.
XDM views can be leveraged in Adobe Journey Optimizer to empower marketers to run web personalization and experimentation campaigns on SPAs via the web visual editor. Learn more
To be able to access and author views in the Journey Optimizer user interface, make sure you follow the steps listed in this section.
Once SPAs setup is done in the Adobe Experience Platform Web SDK implementation, you need to navigate through all the views of your website that you want to apply modifications to. Follow the steps below.
The view you are currently in is displayed on top left.
Swap to Browse mode. Learn more
Navigate between the different pages of the website to discover them all. The view name displayed on top changes when you go through another page.
Once you added a modification while being in a specific view, you can apply it to other selected views. Follow the steps below.
If you have not discovered views using the Browse mode, you will not be able to select them for applying your modifications. Learn more
Select the Modifications icon to display the corresponding pane on the left.
Select any modification and click the More actions button next to it. Select Apply to more views.
Select the views you want to apply your changes to.
Swap to Browse mode to check the modifications are applied on the desired pages.
This video explains how to: