Add an Image to Every Campaign Type and Theme

OptinMonster makes it easy to add an image to any campaign with no coding required.

In this article, you’ll learn how to add an image to an OptinMonster campaign.

Before You Start

Here are some things to know before you begin:

  • Images are optimized for the web when uploaded to OptinMonster automatically.
  • We recommend you resize the image to the same dimensions it will appear within your campaign’s unique design before uploading to OptinMonster. Because your campaign can be fully customized there are no default image size recommendations.
  • If you are optimizing your campaigns for Retina displays the image dimensions should be twice the display dimensions. For example, if the image will be displayed at 100 x 100 pixels, the image file size dimensions should be 200 x 200 pixels.

Add Image Block

Some campaign templates already include an image block, but one (or more) can be added to any template, anywhere you like.

To add an image block to a campaign, follow these steps:

  1. From the Design view of the campaign builder drag and drop an Image block into your campaign design where you would like it to appear.
    Add image block to your OptinMonster campaign.
  2. The image library modal will open and you can upload a new image or select an existing image from the library.
    Upload or select existing image from the image library.
  3. You can now configure any design settings for your image block in the sidebar panel.
    Image block settings in the campaign builder.
  4. When you are finished, click Save.

Replace Image

To replace the image in an existing image block, follow these steps:

  1. From the Design view of the campaign builder, directly select the image block you would like to edit.
  2. Next, select the image icon from the sidebar panel.
    Edit existing image block image.
  3. The image library modal will open where you can upload a new image or select an existing image.
    Upload or select existing image from the image library.
  4. When you’re finished, click Save.

Image Link

To make your image block a clickable link, follow these steps:

  1. From the Design view of the campaign builder, directly select the image block you would like to edit.
  2. Next, in the sidebar panel locate the Link field and add your URL.
    Pro Tip: Select the gear icon next to the Link field to further customize your image link!
    Image Link settings in the OptinMonster campaign builder.
  3. When you’re finished, click Save.

Image Block Styling

When editing your image block, select the Advanced tab for additional style options.

Advanced image block style settings in the OptinMonster campaign builder.

Troubleshooting

Can I save an image block once I customize it to re-use it later on?

Yes! Learn how to create and use saved blocks.

My images on Retina devices are blurry, why?

To ensure your images look sharp on retina displays, double the dimensions of the image.

What image size should I use for my campaign?

Because your campaign can be fully customized in appearance and layout, we do not have specific image dimension recommendations. The exact dimensions will depend on your own campaign design.

To give some context that may be helpful – our campaign templates are generally between 550-750px wide, and the height is based on what content you put inside. For any images you create, you might create them to match that width if you would like them to show across the full width, or if you want to be extra sure they will appear crisp on retina devices, you can double the dimensions.

If your campaign is 600px wide, you would create an image that is 1200px wide for retina devices.

Our mobile templates are usually between 300-400px wide, to fit and look the best on smaller mobile screens.

You can also customize the width of your campaigns, which can impact how the image(s) within are displayed.

How do I find good images for my campaigns?

See our post on places to find images for better conversions.