Help Center / Documentation Index / Learn dxpr builder / Drag and drop elements

Add images from your computer, the web, or your Drupal website's library with our easy-to-use image element! 

Follow the steps below to start using the Image element in your website:

  1. Click on the + icon 
  2. Go to the Content tab
  3. Select the Image element
  4. Insert image by clicking on Select Image 
  5. Select an image that you've uploaded before from the Media Library, or upload an image from your computer library in the Upload Images tab
  6. Once you've selected the image click on Use Selected
  7. Optionally, resize the image in the Resize menu 
  8. Optionally, Set the width of the image in percentage in the Width field 
  9. Optionally, Set the height of the image in percentage in the Height field 
  10. Optionally, add a URL to the image in order to link the image to a website or file in the Image Link field
  11. Once you’ve selected your preferred settings, you can click on Save Changes and you're done!

Search Engine Optimization for your image 

  1. Go to the SEO tab to optimize the image for search engines

  2. Fill in the topic of the image carousel by the Alt Attribute field

  3. Fill in additional information about the images by the Title Attribute

  4. Once you’ve selected your preferred settings, you can click on Save Changes and you're done!