Create a Button With the Image Editor

Details

Looking to create a button for your email message and found that the look of our default buttons are not quite right for you? Maybe you have strict corporate guidelines to follow and require buttons to be of a certain colour or shape? 

Let's take a look at creating your own button using the built-in image editor.

We also have an article on creating buttons using a third-party application such as Microsoft Paint.

How-to Guide

1. Begin by downloading our transparent image (transparent-image.png). Save it to a safe place, such as your desktop. We recommend right-clicking on the link above, then selecting the option to Save Link / Save Target. This will force the file to download, as opposed to opening in your web browser.
2. Next up, log into our email & SMS marketing platform and select Files and Images from the sidebar. The Files & Images manager will now open.
3. Click Upload. A file browser dialog will open.
4. Browse to the location where you saved the image file from Step 1. Select the transparent-image.png file and upload it into the platform.
5. Locate your newly-imported image and click ⋮.
6. Select Edit from the pop down menu. The image editor will now launch.
7. Click the Shapes tool in the image editor toolbar, then the Rectangle tool.
   
8. A new shape will now appear on the editor's canvas. With the shape selected, use the handles along the edges to adjust the width and height of your rectangle.
   
9. When done, click Apply.
10. Select the Colour tool and adjust the shape's colours as required.
    
11. When done, click Apply.
12. To add text to your button, click the Text icon on the toolbar.
13. Choose a colour, set the font, then click Add Text.
14. A new text layer will be created. Double-click inside it to change the text. When done, click outside of the text box.
15. Click on the text to drag it around into position over your rectangle. You can also use the corner handles to resize the text layer.
    
16. When done, click Apply.
17. If you'd like to add an icon of sorts onto your button, click the Shapes or Stickers tool.
18. Browse through the many options available until you find one you like - click on it to insert it on the editor's canvas. Again, use the handles around the sides of the object to resize it and then move it into place as desired.
    
19. When done, click Apply.
20. Finally, click the Crop tool.
21. Use the handles to crop in so that just your button appears inside the crop area.
    
22. When done, click Apply.
23. Click Save As New. The system will now save your new image for you - ready to insert into your email design!
    Insert Images Into an Email.

Further Reading

The Files & Image browser, as well as the Image Editor, both have many more functions available that we haven't mentioned in this article. Find out more about these below...

• Using the Files & Images Manager
• Edit an Image With the Image Editor
• Insert Links Into an Email