# Email Editors & Templates > **Source**: [SendX](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q) > >

Design stunning emails with SendX. Personalize content, use Drag & Drop and AI tools, and add visuals for better engagement. Learn to customize styles and build responsive, branded emails effortlessly.

## Browse Collection 1. [Exploring SendX Email Editors: Drag-and-Drop, Plain Text, and AI Editor Features](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/wd3IO6ZoPWvXCjN3OTKSEA.md) (Video) 2. [Manage your email templates](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/UnI728wZUhZZYn6D774zow.md) (Video) 3. [Creating a Newsletter with SendX AI Editor and Template Selection](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/l0SZGiKkve1bnZgSQrJkKw.md) (Video) 4. [How to Share or Save Campaign Content as a Template](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/BFV06ODaOM1JJQNdTvWU8g.md) (Video) 5. [How to Add Basic Personalization to Emails ](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/Ws8VTnvgPqW1nf8TBYnZzA.md) (Video) 6. [How to create your first email template using drag-and-drop editor](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/MuDuxflyrgWSzCYn0LkKVw.md) (Video) 7. [How to customize, fonts, colors, and styles for brand consistency](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/bxu995Ru7tukwiJD32hEHg.md) (Video) 8. [Saving and Reusing Custom Content Blocks in Emails](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/kjlzKvefpcZBXqZO2s4png.md) (Video) 9. [Adding Social Media Icons to Emails: A Step-by-Step Guide](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg.md) (Video) 10. [Adding a "View in Browser" Link to Emails](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/K1OSrIX9jFM3PcrBjPsObg.md) (Video) 11. [How to Add Images, Videos, and GIFs to Email Campaigns Using Drag and Drop Editor](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA.md) (Video) 12. [Creating an Email Template Using Custom HTML](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/Hi4KV3g530j9rlsJXVUtJA.md) (Video) 13. [Customizing Unsubscribe Footer and Success Page in SendX](https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/djcNsxHC41fvSrd06kUiEA.md) (Video) --- # VIDEO: How to Add Images, Videos, and GIFs to Email Campaigns Using Drag and Drop Editor ## METADATA - id: 8udkK9QZkwNQM7SMk4NrlA - type: video - source: SendX - content_url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA - collection_url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q ## TRANSCRIPT - time: 00:00 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=0 text: Hi there. In this tutorial, we will see how you can add images, videos, and GIFs to your email campaigns all within our - time: 00:05 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=5 text: intuitive drag and drop editor. - time: 00:08 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=8 text: So let's get started with images. - time: 00:10 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=10 text: Simply go to the content tab, then drag and drop the image block to the email layout. - time: 00:16 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=16 text: Now you can click on browse. - time: 00:19 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=19 text: And then click on upload to upload the image that you want to add. - time: 00:23 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=23 text: Wait for the image to be uploaded. - time: 00:26 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=26 text: Once it's uploaded, you can simply click on insert to add the image. - time: 00:32 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=32 text: Once the image is added, you will have a host of settings related to this image. - time: 00:37 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=37 text: First one is related to width. - time: 00:41 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=41 text: So either we can choose to have auto width on which would make the image take the entire space you can disable it and give width on - time: 00:47 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=47 text: your own. - time: 00:50 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=50 text: Simply drag to adjust the width. - time: 00:52 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=52 text: Then you can choose to align the image to left, center, or right. - time: 00:56 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=56 text: Let's keep it at center for now. - time: 00:59 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=59 text: Then you can apply effects. - time: 01:01 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=61 text: Under apply effects, you will be able to edit the image. - time: 01:05 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=65 text: You can add filter to it. You can crop the image. So let's crop the image and apply the effects. - time: 01:13 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=73 text: You can transform the image, add stickers to it. - time: 01:16 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=76 text: Once you have edited the image, you can simply click on save. - time: 01:27 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=87 text: Once the image is saved, your changes will be reflected in the email layout as well. - time: 01:32 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=92 text: Then you have the option to round up the corners of the image. - time: 01:36 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=96 text: So let's round it up by ten. - time: 01:41 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=101 text: So the corners are going to be rounded a bit. - time: 01:44 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=104 text: Then you can also add an action to the image link. - time: 01:47 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=107 text: The action will be triggered when the user interacts with this image. So you can either open a web page or send an email or - time: 01:53 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=113 text: make a call or send an SMS. - time: 01:56 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=116 text: Then you have option to add padding to the image. - time: 01:59 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=119 text: So simply click on plus or minus icon to add padding to it or you can click on more options if you want some more - time: 02:05 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=125 text: detailed configuration for padding. - time: 02:08 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=128 text: Then you have the option to hide the image either on desktop or mobile. - time: 02:12 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=132 text: So let's say we want to hide it on mobile. - time: 02:16 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=136 text: So simply hit mobile and the image is going to be hidden on mobile devices. - time: 02:20 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=140 text: So that's all about image. - time: 02:22 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=142 text: Let's move to videos. - time: 02:24 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=144 text: So again, go back to the content tab and drag and drop the video block. So once we have the video block here, you - time: 02:30 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=150 text: can add the URL for your video. - time: 02:33 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=153 text: It could be a YouTube URL or some other URL. - time: 02:36 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=156 text: So let's add a URL. - time: 02:39 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=159 text: Once you add the URL, the video will be loaded here. - time: 02:43 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=163 text: You can edit the title for the video, and you can also edit the play icon for it. Let's select a square solid icon - time: 02:49 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=169 text: and the color to be dark, and you can also adjust the size this icon. - time: 02:55 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=175 text: Let's do seventy pixels. - time: 02:57 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=177 text: Then again, you can add padding to the video as well, and you can also choose to hide it on desktop or mobile. - time: 03:06 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=186 text: Let's hide it on mobile. - time: 03:08 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=188 text: That's all about video. - time: 03:10 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=190 text: So let's now let's see how you can add GIFs to your to your email layout. - time: 03:14 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=194 text: Let's go back to the content tab and then simply drag and drop the GIF block from the editor. - time: 03:22 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=202 text: Now you can click on search for GIFs with Giphy. - time: 03:27 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=207 text: Here you will have an entire collection of GIFs that are available. You can search the relevant GIFs and simply select one to add it to the email - time: 03:31 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=211 text: layout. - time: 03:36 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=216 text: Then again, you will have the option to adjust the width for the gifts. - time: 03:40 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=220 text: Let's adjust it to fifty percent. - time: 03:43 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=223 text: You can also align it and you can add rounding to the corners. - time: 03:46 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=226 text: Let's add some rounding and you can add action to the GIF. - time: 03:50 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=230 text: You can add some padding to it and you can choose to hide it on desktop or mobile. - time: 03:57 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=237 text: Let's hide it on mobile, and there you have it. - time: 04:00 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=240 text: You are now equipped to add dynamic visuals to your emails with images video and GIFs. - time: 04:06 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=246 text: Just remember every click could enhance your message, not overcomplicated. - time: 04:10 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/8udkK9QZkwNQM7SMk4NrlA?start_time=250 text: Have fun designing. ## SUMMARY # Email Campaign Design Tutorial Hi there, in this tutorial we will see how you can add images, videos, and GIFs to your email campaigns all within our intuitive drag and drop editor. Let's get started! ## Adding Images 1. Go to the **Content** tab. 2. Drag and drop the **Image Block** to the email layout. 3. Click on **Browse** and then **Upload** to upload the image you want to add. 4. Wait for the image to be uploaded, then click on **Insert** to add the image. 5. Adjust the image settings: - **Width:** Choose auto width or manually adjust by dragging. - **Alignment:** Align the image to left, center, or right. - **Effects:** Edit the image by adding filters, cropping, transforming, or adding stickers. - **Round Corners:** Round the corners by a specific value (e.g., 10). - **Action:** Add an action to the image link (e.g., open a webpage, send an email). - **Padding:** Adjust padding using plus or minus icons or more detailed options. - **Visibility:** Choose to hide the image on desktop or mobile. ## Adding Videos 1. Go back to the **Content** tab and drag and drop the **Video Block**. 2. Add the URL for your video (e.g., YouTube URL). 3. Edit the video settings: - **Title:** Edit the title for the video. - **Play Icon:** Select an icon style and color, and adjust its size (e.g., 70 pixels). - **Padding:** Adjust padding as needed. - **Visibility:** Choose to hide the video on desktop or mobile. ## Adding GIFs 1. Go back to the **Content** tab and drag and drop the **GIF Block**. 2. Click on **Search for GIFs with Giphy** and select a GIF to add to the email layout. 3. Adjust the GIF settings: - **Width:** Adjust the width (e.g., 50 percent). - **Alignment:** Align the GIF as needed. - **Round Corners:** Add rounding to the corners. - **Action:** Add an action to the GIF. - **Padding:** Adjust padding as needed. - **Visibility:** Choose to hide the GIF on desktop or mobile. You are now equipped to add dynamic visuals to your emails with images, videos, and GIFs. Just remember, every click could enhance your message, not over-complicate it. Have fun designing!