These features available on All Plans
Overview
In the Campaign Builder, whenever you'd like to add an image to your campaign—whether it be as a background to a widget, an image inside an Image Widget, or various other places—you'll be directed to the Media Selector to select the image you'd like to use.
In this guide, we'll walk you through how to:
- Upload your own image.
- Use an image from the Pixabay library available at no additional cost.
Getting There
Depending on where you are in the Campaign Builder, accessing the Media Selector will vary slightly:
-
When using the Image Widget:
Open the widget settings and enter the Setup section. There, click the Select Image icon to open the selector. -
When changing the background of a container or widget:
Open the Style Panel, click the This [Widget Type] tab, then open the Widget section. Click the image icon next to the Widget Background Image field. -
When adding an image to a Rich Text Widget:
Open the widget settings, then click on the Insert/Edit Image icon at the top of the rich text editor. In the pop-up, click the folder search icon to the right of the Source field.
Selecting Your Image
The Media Selector will pop up in its own window, and from here, you have multiple options:
- Use an existing image.
- Upload your own image.
- Enter a URL that points to an image online.
- Use an image from the Pixabay stock image library.
The general process for all methods is the same:
- Move the image into your Media Library.
- Select the image you've moved to use it in your campaign.
Once an image is in your library, you can use the following tools to organize and locate it:
- Asset Count: Displays the number of images in your library in the top-left corner for a quick overview.
- Sorting Options: Sort your images by Newest uploads, Oldest uploads, or by Name.
- Search Bar: Search for images by typing a word or phrase that's part of the image file's name.
- Advanced Filtering: Click the slider bar button to filter images by Tag, Image Size, Date Added, or File Type. Configure your filters and click Apply Filters.
-
Image Size Slider: Adjust the thumbnail size of your images for easier browsing.
Note: This slider doesn’t affect the actual image size, only the thumbnail display.
Using an Existing Image
If you’ve already uploaded your image to the Media Manager, you’re halfway done!
- Open the Media Selector.
- Click the thumbnail of the image you want to use (it will be highlighted in gray with a blue outline).
- Click Use Selected.
For more details on uploading images to the Media Manager, refer to our Media Manager Help Doc.
Uploading Your Own Image
There are two ways to upload your own image:
Drag and Drop
- Drag the file from your desktop (or any accessible folder) into the Media Library.
- Once uploaded, click the image to highlight it and click Use Selected.
File Selection
- Click Select Files at the top of the Media Selector.
- Use the pop-up window to navigate and select the image from your computer.
- Once uploaded, click the image to highlight it and click Use Selected.
Note:
- The maximum file size for an image is 10 MB.
- Accepted file formats: PNG, JPG, and GIF.
Entering an Image via URL
If the image is hosted online:
- Click Enter URL at the top of the Media Selector.
- Enter or paste the image URL into the field.
- Click Upload.
The image will appear in your Media Library, where you can select it and click Use Selected.
Using a Pixabay Stock Image
You can use stock images from Pixabay at no additional cost:
- Click Pixabay at the top of the Media Selector.
- Use the search bar to filter through results and find an image.
- Click the image you want and then click Save to Media Library.
- Switch back to the Media Library tab, select the saved image, and click Use Selected.
For additional details, check out our Using Stock Images from Pixabay Help Doc.