ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

The Image Widget

Add photos, your logo, and other graphics to your pages using the image widget. You can even link images to a URL, Leadpage, or Leadbox. Read on to learn more about using and customizing the image widget.

In this article:

Using the Image Widget

    Uploading images

    Resizing images

    Linking an image to a URL, Leadbox, or Leadpage

Customization and styling details

Tips and FAQs 

Using the Image Widget

Uploading images

After dragging an image widget onto your page, click the photo icon to access the image chooser. 

When the image picker pops up, select Upload. Then, drag your image file onto the popup window to upload it—or click Or Select File to open your browser’s standard file picker. 

We support JPEG, PNG, and GIF images up to 5MB. 

Resizing images

Images automatically fill up the space they’re given in your layout, so you do not need to worry about specific image dimensions. To change how much space an image takes up, you’ll want to adjust the padding and spacing of its containing column. For instance, I can make the image of this ebook larger or smaller by adjusting its column’s padding settings:

You can also make an image smaller by adding space widgets to your column. To make an image larger, you’ll want to adjust the spacing between columns—to learn how, check out Changing Your Page’s Layout.

Linking an image to a URL, Leadbox, or Leadpage

​Turn any image into an actionable element by linking it to another page or a popup opt-in form. Start by clicking the chainlink icon in the image options toolbar. Then, select the URL, Leadpage, or Leadbox tab to configure your link.

You can configure images that link to a URL to open the page in a new window, as well as prevent the link from being followed by search engines. To remove a link from an image, click the red, crossed out chainlink icon in the link settings panel. 

Customization and Styling Details

Under the image Style tab, you can select between Square, Rounded, and Circular—which control the appearance of your image’s corners and edges. Note that these options do not mask or crop your image. To create a perfectly circular image, first upload an image with equal width and height dimensions, then select the Circular style setting.

Setting image titles and alt text

When you select an image for your page, you can specify custom title and alt text to describe the image. Adding these details to your image can help describe your image to users who have images disabled or who use a screen reader. Many search engines also rely on alt text and image titles for providing relevant results. 

You can get back to this screen by clicking the photo icon in the image widget options.

 

Tips and Frequently Asked Questions

Tip: If you’re pairing an image with text, consider using the Image + Text widget

The Image + Text widget is designed specifically for laying out text and images together. You’ll gain more control by using the image and text widget than you’ll have with our drag and drop layout tools alone. 

Where can I find more images for my pages?

We provide a free image pack of high-quality photos and graphics that you can use on any of your pages. To access them, click Images under your account drop-down menu, where you’ll find a link to download the ZIP pack, as shown below. 

Tip: Best practices for non-photo image files

For elements like your company logo, we recommend using the PNG format with a transparent background. You can use a variety of photo-editing programs to remove the background from an image and export it as a PNG file. That way you can adjust your background colors without interfering with your image. 

If you’re looking for icons to use on your pages, you can use our built-in icon widget instead of uploading your own image. 

 

(Updated 08/12/16)


Please let us know if you have additional questions!

We’re here to help. If you run into any issues or just have additional questions, please contact our support team. You can also create a ticket by clicking the ? in the top right corner of your Leadpages dashboard. 

Was this article helpful?
0 out of 0 found this helpful
Powered by Zendesk