Image Action

The Image action inserts an uploaded image on to the page relative to a defined element selector. It also appends included CSS styles in the <head> of the page.

Required Components

Image Creative

Monetate inserts the uploaded creative on to the page relative to the specified selector. This content gets wrapped in a container <div> with a unique identifier attribute (ID) that you can use for styling and targeting purposes.

Relative Element Selector and Insert Function

Enter the element selector in the Relative Element Selector field. This selector determines where the image creative is inserted. For more information on element selectors, refer to Element Selectors.

You can adjust where you want the image to appear in relation to the selected element with an option from Insert Method:

  • After the selected element
  • Before the selected element
  • Replace the selected element
  • First child of the selected element
  • Last child of the selected element
  • Take over the contents of the selected element

Optional Components

Banner Div Inline Style

Monetate appends anything you add in the Banner Div Inline Style field as an inline style attribute of this action's container <div> element.

Image Element Inline Style

Monetate appends anything you add in the Image Element Inline Style field as an inline style attribute of the <img> element.

CSS Style Field

Monetate appends anything you add in the CSS code editor to a stylesheet in the <head> portion of your site within a <style> block. These styles are available on this page for use with any page element.

Select All Elements

The Select multiple elements, if matched? toggle allows you to apply the action to the first occurrence of the relative element selector or all occurrences of the selector, if multiple exist.

Selecting NO applies the action to the first occurrence. Selecting YES applies the action to all occurrences.

Re-Check for Elements

Use the Re-check for Elements toggle to enable or disable polling. If you enable polling, Monetate continues to check for the selected element even if it does not initially appear on the page. This optioin is good if you have certain elements that don't fire right when the page loads.

If you disable polling, Monetate only checks for the element once when the page loads.