Use Dynamic Creatives in Experiences

Follow these steps to add an image with a click zone to an experience.

  1. Click the WHAT settings, and then click ADD ACTION.

    Callout of the A field in the WHAT settings and the ADD ACTION button

  2. Click Images and then click the image action template that you want to use.

    The image action templates shown here may not reflect the options that appear for you.

    The Images action templates available

  3. Click CHOOSE to select an image from Content Manager, or click UPLOAD to import an image.

    Callout of the CHOOSE button and the UPLOAD button on the 'Free Shipping Image' action template

  4. Click EDIT to launch Content Builder.

    Callout of the EDIT button on the 'Free Shipping Image' action template

  5. Optionally, click CROP to trim the image, or click the image dimensions to resize it.

    Callout of the CROP button and image dimensions in Content Builder

  6. Click Add Layer and then select Clickzone.

    Callout of the Add Layer menu and the Clickzone option in Content Builder

  7. Resize the click zone layer as necessary to fit the area of the image you want to be interactive.

    Callout of the click zone layer

  8. 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's rel attribute.

    Callout of the URL, Alt text, CSS class, and Relationship fields

  9. 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.

    Callout of the link-opening options, including the pop-up window settings

  10. Optionally, click Editing and rename the image file.

    Callout of the Editing button

  11. Click SAVE and then click CLOSE AND RETURN to exit Content Builder and return to the Experience Editor page.

    Callout of the SAVE button and the CLOSE AND RETURN button

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.

The Free Shipping Image action template showing the image with the click zone

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.

See Duplicate a Web Experience for the steps to duplicate a Web experience.

  1. Open the duplicated experience in Experience Editor.
  2. Click WHAT and then click the image action you want to edit.

    Callout of the WHAT settings and the Free Shipping Image action

  3. Click CHOOSE to select a different image from Content Manager, or click UPLOAD to import a new image.

    Callout of the CHOOSE button and the UPLOAD button

  4. 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.

  1. Click COMPONENTS in the top navigation bar, and then select Content.

    Callout of the Content option in the COMPONENTS menu

  2. Click the image that you want to modify, and then click EDIT IN CONTENT BUILDER.

    Callout of the EDIT IN CONTENT BUILDER button

  3. Modify the image and associated settings as necessary, and then click SAVE.

    Callout of the SAVE button in Content Builder

  4. Click UPDATE CONTENT IN ALL EXPERIENCES on the warning modal.

    Callout of the UPDATE CONTENT IN ALL EXPERIENCES button

  5. Click CLOSE to exit Content Builder.

    Callout of the CLOSE button in Content Builder