You Cant Upload Love or Download Time

Upload, Add, and Edit Images in Emails and Landing Pages

This page is now available in other languages.

Note

If you've switched to our new email builder, some of the steps in this article may non apply. To learn how to apply the new builder, check out Design an Electronic mail with the New Builder.

Mailchimp makes it easy to upload, add together, and edit images in your email or landing page, and so y'all can customize the look of your marketing content.

In this article, you'll learn how to upload, add, and edit images in your email or landing page.

Before you showtime

• Paradigm requirements vary by layout, template or pattern. For more information, take a wait at our image requirements.
• Themes templates for electronic mail are predesigned, so some images and content blocks can't be changed.
• When you upload an image to the content studio, we change the file name to a unique identifier that tin can't exist duplicated or changed.
• The content studio supports JPG, JPE, JPEG, GIF, PNG, and BMP image files.
• Using images in text-based content blocks may impact the look of your designs when viewed on mobile devices. Whenever possible, we recommend placing images in epitome-based content blocks instead.

Upload an image

When y'all upload an epitome, we save that file on our servers. The steps to upload images to your designs vary slightly, depending on the type of content cake you lot're using.

Upload into an epitome content block

The drag-and-drib editor offers a few types of image-based content blocks, including Image, Epitome Card, Image Group, and Image + Text. These instructions explain how to utilize images with any of these types.

To upload an image to one of these content blocks, follow these steps.

1. In the editing pane, click an image content block or drag and driblet a new image content block type into your layout.
2. Click Browse or Replace to open the content studio.
3. Choose how to upload your prototype.
   
   • To choose a file from your computer, click Upload, find the file you desire, and click Open.
   • To use an paradigm that's saved online, click the drib-down menu next to Upload, and choose Import from URL. Input the URL, and click Import.
4. Click Salvage & Close.

Afterward you insert your image, you tin can customize the settings on your prototype content block, add alt text, go dorsum to the content studio to edit the image, or supplant or remove it.

Notation

If your images are named and formatted correctly on your computer already, you tin elevate and drib them direct into Mailchimp.

Elevate and drop a unmarried image into an prototype content block, or open the content studio and elevate a few images to upload in batches.

Upload into a text content cake

The campaign builder offers a few types of text-based content blocks, including Text, Boxed Text, and Footer content blocks. These instructions explain how to employ images with any of these types.

To upload an image to a text content block, follow these steps.

1. In your layout, click the text block you want to piece of work with, or drag and driblet a new text content cake type into your layout.
2. In the editing pane, click the Prototype icon in the text content cake toolbar to visit the content studio. In the editing pane, click the content studio icon in the toolbar.
   
3. Choose how to upload your image.
   
   • To choose a file from your computer, click Upload, find the file you want, and click Open up.
   • To employ an epitome that'due south saved online, click the driblet-downward menu next to Upload, and choose Import from URL. Input the URL, and click Import.
4. In the Edit Prototype screen, set up optional image properties or add together a URL to make the image a link.
   
5. If y'all reduce the image height and width, click Use Image URL to link to the original paradigm so recipients can click the paradigm to view it at its original size.
6. Click Save & Insert Image.

If y'all need to make additional changes to the epitome settings later, double-click the image in the text cake.

Note

If you lot have difficulty uploading an paradigm or getting an uploaded image to display in your email or page, in that location are a few troubleshooting steps that yous tin have.

Find image URLs

Sometimes, you may need to add 1 of your images in Mailchimp to a custom-coded email template. To practice this, yous'll grab the source URL from the content studio.

To copy an item URL, follow these steps.

1. Click the __Content Studio_ icon.
2. In the sidebar, click the tab that contains the file you want to apply.
   
3. Type a term into the search bar to find the file y'all want to work with.
   
4. Click the file you lot want to work with.
   
5. Click the drop-down menu next to View Details, and choose Re-create URL. Nosotros'll save information technology to your clipboard.
   
6. Click X in the upper-right corner.
7. Paste the copied URL into the Code Editor, or wherever you demand it.

Insert an image

The steps to insert images in the entrada builder vary slightly, depending on the type of content block you lot're using.

Insert into an paradigm content cake

The campaign builder offers a few types of image-based content blocks, including Prototype, Prototype Card, Epitome Group, and Image + Text. These instructions explain how to use images with whatsoever of these types.

To insert an epitome into an image content block, follow these steps.

1. In your layout, click the image content cake yous desire to work with and drag information technology into your blueprint.
   
2. In the new content block, click the Image to open up the content studio.
   
3. In the sidebar, click the tab that contains the file you want to use.
   
4. Type a term into the search bar to find the file you want to work with.
   
5. Click the image you lot want to piece of work with.
   
6. Click Insert.
   
7. Click Salvage & Close.

Insert into a text content cake

Mailchimp's design tools offer a few types of text-based content blocks, including Text, Boxed Text, and Footer. These instructions explain how to use images with whatsoever of these cake types.

To insert an image into a text content block, follow these steps.

1. In your layout, click the text content block you want to work with.
2. In the editing pane, click the Image icon in the text content cake toolbar to visit the content studio.
   
3. Type a term into the search bar to find the file you desire to work with.
   
4. Click the paradigm you want to work with.
   
5. Click Insert.
   
6. In the Edit Image screen, ready optional prototype properties or add a URL to make the epitome a link.
   
7. Click Save & Insert Epitome.

Edit an prototype

Mailchimp'south content studio includes a built-in photograph editor with version history. The steps to edit an image may vary depending on the type of marketing content you're creating.

To edit an image in your layout, follow these steps.

1. In your layout, click the image content block that you want to work with.
2. In the editing pane, click Edit.
   
3. In the photo editor, click whatsoever of the editing tool icons to open that tool's settings and make changes as needed.
   
4. When you lot've made all of your changes, click Save.

Prissy work! We'll supplant the image with the new, edited version.

Use another version

The content studio saves versions of your images when you make edits. If you've edited and saved an image in the past and desire to use another version of your prototype, yous tin!

To use another version of an image, follow these steps.

1. In the content studio, click the image y'all want to work with.
2. Click View Details.
3. Nether Revision History, click the paradigm version you want to insert.
   
4. Click Insert.

Next steps

Hither are some other helpful articles that outline other things yous can do with images in Mailchimp.

Gear up a Default Logo
Add a Background Paradigm to a Campaign
Troubleshooting Images in Campaigns

crouchthans1971.blogspot.com

Source: https://mailchimp.com/help/upload-add-and-edit-images-in-campaigns/

Share this post