Modifying Buttons in the New Email Editor

Learn how to modify buttons in the new email editor, changing the text, adding a link, changing the color of the button text or button background, and more.

With the new email editor, adding, positioning, and modifying buttons is easier than ever before. In this article, you'll learn how to add and edit buttons to your email.

Note: If you’re interested in learning more about buttons for the old email editor, read Adding Buttons to Emails.

Article Contents

• The New Email Editor
• Add Buttons to your Email
• Editing The Button
• Button Actions 

Users:

Tip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.

The New Email Editor

These button features are available in the new email editor. Read Overview of the New Email Editor to learn more about the included features and to find out how to build emails. Navigate to the new editor by starting from the Email category.

1. Click on the Email Templates tab.
2. Select the Designer or Simple template folders.
   
   
    
3. Click the + button to create a new email from the template using the new email editor. 
   
   
    

Add Buttons To Your Email

Drag a button content element into your email.



Click on the button element. This will open the text editor above the button element and the content properties window to the right. Within the Content Properties window, you can modify the button color, button link, button style, and label text. Within the text editor, you can modify the style of your text, including bold, italic, strikethrough styling, etc. 

Editing The Button

Edit the label text, the font of the text, and the button link. 

1. Double-click on the button label text to change it. 
   
   Note: You can use the Write With AI feature for help with the button label.
   
   
    
2. Decide what should happen when your button is clicked using the drop-down menu in the Action section of the Content Properties window. See Button Actions for more information. 
3. Optionally, attach files (.pdf, .png, .jpg files, etc.) by clicking the Link File button. When recipients click the button in your email, the file will open in a new tab and will be downloaded to your recipient's default download location on their computer. 
   
   
    
4. Use the Button Options section to modify the color of your button background, the font text for your button label, the width of your button, padding, and more. 
   
   Note: Turn Auto-width off to reveal the width slider, and manually set the width of your button. 
   
   
    
5. Modify the entire button block. Set the amount of space that should be around the button in the Block Options section. 
   
   Note: Use the Hide On toggles to hide the button when viewed on mobile or when viewed on desktop.  
   
   
    

Button Actions

Learn more about available actions that can be triggered when the recipient clicks on the button in your email. 

Open web Page 
This opens a webpage in a new web browser tab when the button is clicked.

Send Email 
This inserts a mailto link into your email, which opens the customer's email client when the button is clicked.

Make A Call
This presents an option to the customer to dial a number. It works best when the button is clicked on a mobile device. When on a computer, the computer will attempt to open whatever communication software is available to dial the number, such as Skype. 

Send SMS
This presents an option to the customer to send a text message to a number. It works when the button is clicked on a mobile device.

Important: When your recipient is viewing the email on a desktop device, the button will be hidden. 

When a recipient clicks on the button, their SMS client will open with the message you've written in the button action section pre-typed, and the phone number to send the message pre-set. The customer needs only to click SEND, to send the SMS message. 

Questions?