Personalizing a Variation

Style your Web Page by selecting an element in the preview section and configuring the content and setting the desired styling in the Style section. The applied changes are displayed in the Content and Styling in the Preview.

1. Click on the Variation name.   
2. The Variation Editor page displays the Preview Section and the Personalize Panel.
   • Desktop and Mobile view.
   • Editor Page URL bar.
   • Interaction Toggle.
   • Preview Page.
   • Personalization panel.
   • Back, Preview, Publish, and Updates.
     
     
3. The Variation Page can be viewed on the Desktop and Mobile but can be customized only in the desktop view.
   • Desktop
              
   • Mobile
       
4. To personalize the editor page, select an element in the preview section and the Content and Style can be personalized in the personalization panel.
   
   Important: Click Save after personalizing each element.
   • Content - Click on the content in the preview section, you can modify the text in the content section and style the element in the Style section.
        
   • CTA - Click on the CTA in the preview section, you can modify the text in the content section and style the element in the Style section.   
   • Hero / Banner Image - Click on the banner and change the source code in the personalization panel.
        
   • Images - Click on the image in the preview section, and choose an image from the Image library or add the image address in the Source field in the personalization panel. 
     

     
     

     • Click on Choose Image in the personalization panel.              
     • Select an Image from the Image library pop-up window or upload an image and click Insert Media. The selected media will be replaced with the previous image.
       
       

     • Social Links - Click on the social links in the preview section, you can modify the Image or the Source in the personalization panel. 
                    

5. Click Preview, to view the changes made to the variation page in draft mode.
            

6. Click Publish, to view the Web Experience at run time.

   
   

7. The Variation Publish pop-up window is displayed. By default, the Distribution mode - Equal is selected.

   
   However, you can change the visitor traffic distribution mode to Custom.

      

8. Click Publish to set the distribution mode and publish the Variation. A confirmation of the Web Experience Variation published is displayed.