Image widget

  • Knowledge Base
  • Responsive Website Builder
  • Image widget
  • Duda Support > Responsive Website Builder > Editing a Site

Overview

The Image widget is a tool that allows you to insert an image into your website. You can link images to act as buttons and navigate to other pages or websites, download files, or activate popups. Images are a great way to decorate websites, show off products or storefronts, and create an additional way to communicate with visitors.

Guide

Adding an image widget into your site

Add an image widget onto your responsive website. To learn more about adding widgets to your website, see Adding Widgets.

Once the widget has been placed, the Content Editor will appear. Click the Replace button to select an image.

Choose between the existing stock photos in the gallery or add your own images using the Upload New Image button in the Image Picker menu.quick_picker.png

From here, you can:

  1. Select the folder with images you want to use.
  2. Click the "+" icon to upload your own image.
  3. Switch to the Full View for more image choice options.

See the Image Picker article for more information on the image picker.

Image options

The image options are divided into two editors - Content and Design.

Content

The Content Editor controls the content of the image - In this tab, you can:

  • Replace the image - Change the graphic of the image widget.
  • Edit the image - Change image properties by using the Photo Editor.
  • Link the image - Images can be linked to other pages and URLs, popups, anchors, email addresses and downloadable files. When a visitor clicks on the image, they will be taken to the link.
  • Add Alt text - Enables search engines to recognize image content.  Use this text to describe the image.
  • Add a Tooltip - Text shown when a visitor hovers over an image.

Design

The design tab is displayed in one window but is divided into three sections - Layout, Style and Spacing.

Layout

The layout menu is used to edit the dimensions of the image. You can adjust the:

  • Width
  • Height
  • Lets you keep the proportion of the image
Style

The style menu is used to add other effects to your image such as:

  • Border style
  • Rounded corners
  • Shadow
Spacing

The spacing controls the space of the widget relative to other widgets around it. You can edit the:

  • Margin - this is the outer spacing, indicating the numbers on the outer section of the spacing square.
  • Padding - this is the inner spacing, indicating the numbers on the inner section of the spacing square.

Global Images 

You can also make content and design changes to your image widgets using the global image design. Changing global elements will change all image widgets to have a consistent design. Any changes to specific individual image widgets will be saved.

Considerations

When uploading photos to use on your website, make sure to get permission to use photos coming from photographers, businesses, and other third parties.  

Remember that using the image widget does not change the background picture. Instead, it adds a picture onto a row or column. To learn how to add a background picture, read this article

Resources

 

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!