# 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: Adding Social Media Icons to Emails: A Step-by-Step Guide ## METADATA - id: ITQuZMmXW7qUyVjbJ1AXwg - type: video - source: SendX - content_url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg - collection_url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q ## TRANSCRIPT - time: 00:00 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=0 text: Hi there. In this tutorial, we will see how you can add social media icons to your emails. - time: 00:05 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=5 text: Simply go to the content tab and drag and drop the social media block to your email. - time: 00:10 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=10 text: Click on the icons and you will have a host of settings for them. - time: 00:14 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=14 text: You can change how they appear to the user. - time: 00:19 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=19 text: You can also change the URL for each of the icon. - time: 00:23 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=23 text: This is the URL that the user will be redirected to when they interact with the icon. - time: 00:27 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=27 text: You can click on more options, and you can also edit title and the alternate text for the icon. - time: 00:33 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=33 text: You can also change the order in which they appear. - time: 00:39 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=39 text: If you wish to remove any icon, simply click on delete. - time: 00:43 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=43 text: You can also add a new icon. - time: 00:50 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=50 text: Then you also can change the alignment for them. Let's keep it at center for now. - time: 00:55 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=55 text: You can also change the spacing between them, - time: 00:58 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=58 text: and you have an option to add padding for them. - time: 01:02 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=62 text: You can click on more options to have more configuration related to padding. Then you have the option to hide the icons based on - time: 01:08 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=68 text: device type. - time: 01:11 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=71 text: You can choose to hide it on desktop or on mobile. - time: 01:16 url: https://video.sendx.io/yyIhzKxWWgeQ8fMgjNWA3Q/ITQuZMmXW7qUyVjbJ1AXwg?start_time=76 text: That's it folks. Thanks for watching. ## SUMMARY # How to Add Social Media Icons to Your Emails In this tutorial, we will guide you through the process of adding social media icons to your emails. Follow these simple steps to enhance your email design with interactive social media links. ## Step-by-Step Guide 1. **Access the Content Tab:** Navigate to the content tab in your email editor. 2. **Drag and Drop the Social Media Block:** Find the social media block and drag it into your email layout. 3. **Customize the Icons:** Click on the icons to access a variety of settings. You can modify their appearance and change the URL for each icon. This URL is where users will be redirected when they click on the icon. 4. **Edit Icon Details:** Click on more options to edit the title and alternate text for each icon. You can also rearrange the order of the icons. 5. **Remove or Add Icons:** To remove an icon, simply click on delete. You can also add new icons as needed. 6. **Adjust Alignment:** Change the alignment of the icons. For this tutorial, we will keep them centered. 7. **Modify Spacing and Padding:** Adjust the spacing between the icons and add padding if necessary. More configuration options for padding are available under more options. 8. **Hide Icons Based on Device Type:** Choose to hide the icons on desktop or mobile devices, depending on your preference. That's it, folks! You've successfully added social media icons to your emails. Thanks for watching!