Insert HTML and images

  • Updated
  • Optimizely Web Experimentation
  • Optimizely Edge Delivery
  • Optimizely Personalization

The New Visual Editor gives you several options to add content to your variations, including adding HTML and images.

HTML

  1. Go to Create > Insert HTML.

  2. Select the element on the page where you want the element to display.
  3. Choose the location of the element relative to the selected element.
  4. Enter a name for the element. This helps you identify the change for debugging the experiment.
  5. Add the HTML for your element. This requires some HTML knowledge. If you are not comfortable using HTML, get help from someone who can create the HTML for you to copy and paste.
  6. Click Save.

Images

  1. Go to Create > Insert Image.

  2. Select an element on the page for your image.
  3. Select the location of your image relative to the element you selected.
  4. Expand Select Image and select one of the following:
    • Upload Image – Select and upload an image from your local file system.
    • (Coming soon) Choose from DAM – Select and upload an image from the Optimizely Digital Asset Management (DAM) library. You must have an Optimizely product that has DAM to use it with Optimizely Experimentation.
  5. Click Save.