Follow these steps to add an image with a click zone to an experience.
- Click the WHAT settings, and then click ADD ACTION.
- Click Images and then click the image action template that you want to use.
- Click CHOOSE to select an image from Content Manager, or click UPLOAD to import an image.
- Click EDIT to launch Content Builder.
- Optionally, click CROP to trim the image, or click the image dimensions to resize it.
- Click Add Layer and then select Clickzone.
- Resize the click zone layer as necessary to fit the area of the image you want to be interactive.
- Enter the click zone link into URL. Optionally, enter alternative text for the image's
alt
attribute; a CSS class; and a value for the image'srel
attribute. - Select an option to open the link location in the same window, in a new window, or in a pop-up window. If you select In a popup window, then complete the fields that appear that control the pop-up window.
- Optionally, click Editing and rename the image file.
- Click SAVE and then click CLOSE AND RETURN to exit Content Builder and return to the Experience Editor page.
Complete the remaining fields and settings in the Required Inputs section of the action template and, as necessary, the Optional Inputs section. After you finish configuring the action, click SAVE and then configure the rest of the experience.
See the documentation in Create a Web Experience for more information on building Web experiences.
Changing Dynamic Content in a Duplicated Experience
Follow these steps to change the dynamic content of an experience you've duplicated.
- Open the duplicated experience in Experience Editor.
- Click WHAT and then click the image action you want to edit.
- Click CHOOSE to select a different image from Content Manager, or click UPLOAD to import a new image.
- Follow steps 4 through 11 from the previous task as necessary to modify the replacement image or the click zone settings.
Revise as necessary the fields and settings in the Required Inputs and the Optional Inputs sections of the action template, and then click SAVE. After that, finish building the duplicated experience.
Modifying an Image Used in Multiple Experiences
Follow these steps to modify an image used in multiple experiences.
- Click COMPONENTS in the top navigation bar, and then select Content.
- Click the image that you want to modify, and then click EDIT IN CONTENT BUILDER.
- Modify the image and associated settings as necessary, and then click SAVE.
- Click UPDATE CONTENT IN ALL EXPERIENCES on the warning modal.
- Click CLOSE to exit Content Builder.