Types of Media Allowed in Campaigns
Using images in different formats helps you design eye-catching campaigns that are consistent with your brand and website.
Currently, there are three types of media you can use in your Sleeknote campaigns: Image, GIF, and Background Image.
Let’s look at each in detail.
Image in Campaigns
To add an image to your campaign, simply drag the Image element from the right-hand menu and drop it onto where you want it to place it in your campaign.
Resize your image by moving the slider (or typing a value,) and change its alignment.
You can easily move your image around and change its placement by dragging it across your campaign.
You can make your images clickable by adding a link to them. This works great, for example, to send people to specific product pages.
Hint: Use the option “link to an email” to invite people to contact you.
⚠️ Note: The maximum file size for uploaded images is 2MB.
Unlike regular images, you can place a free image (also known as floating image) anywhere in your campaigns. In other words, this type of media can float over your campaigns and outside of your containers.
Close buttons and GIFs are typical examples of free images.
To add a free image to your campaign, simply drag the Free Image element from the right-hand menu and drop it onto your campaign.
Now you can easily resize your image and place it anywhere in your campaign.
Just like regular images, you can also add a link to free images and make them clickable.
Feeling extra creative? Free images are ideal for experimenting with different shapes to create eye-catching campaigns.
Plus, they’re perfect for creating teasers that’ll stand out on your website.
🚨 Important: Free images only work on desktop campaigns. When you add a free image to your campaign, we’ll automatically hide it on mobile devices.
⚠️ Note: The maximum file size for animated images (GIFs) is 600KB. For non-animated images, you can upload files up to 2MB.
Background images help you design eye-catching Sleeknote campaigns with a professional look.
You can add a background image to both individual containers and the form itself.
To add a background image to a container or a form, simply click the element and upload an image from your computer:
By using the draggers on the right-side menu, you can easily resize your background image and change its position.
🤓 Hint: If you can’t see your background image after uploading it to the form, make sure that there’s no container with an image or color in front of it. Once you remove the container color, your background image will be visible.
📱Tip: To ensure your campaigns are easy-to-read on mobile devices, we recommend you optimize or remove the background image of your mobile campaigns.
Need inspiration? Check out these resources: