Create eye-catching buttons to encourage readers to take action in your email campaigns. Using the Button content block in the Drag & Drop email editor, also called call-to-action (CTA), to help guide your recipients toward the next step, whether it’s visiting your website, making a purchase, or signing up for an event. A well-placed and well-designed CTA can make all the difference in your campaign’s performance.

Before you start

• Ensure you understand the difference between a section and a content block. 
• Set up your brand library so that every new template you select will inherit your brand properties, such as logo, colors, fonts, and social media links. To learn more, check our dedicated article Automatically design your emails with your brand's assets using the Brand Library.
• Configure your button styles with fonts, size, colors, and borders in the Style tab before designing your email to define its visual identity without individual block styling. To learn more, check our dedicated article Configure your email layout and design with the Style tab.

💡 Tips for an effective call-to-action

Your CTA should be clear, concise, and visually appealing. Keep these best practices in mind:

• Keep it short (2-4 words)
  Long buttons look cluttered and reduce impact.
• Use action verbs ("Get", "Shop", "Book", "Try") 
  Encourages readers to take immediate action.
• Choose a contrasting color
  Makes your button stand out from the rest of your email.
• Position strategically
  Place your main CTA near the top and repeat it at the end if needed.
• Make it mobile and dark-mode friendly
  Ensure the button is large enough to tap easily on a mobile screen and visible on a dark-mode screen.

✅ Do's	❌ Dont's

🖱️ Insert a button in your email design

To insert a button into your email design:

1. Drag and drop a Button content block into the email canvas. 
2. Click the button and replace Call to action with your own text. The button settings open in the left panel.
3. (Optional) Click Use AI assistant in the text top-toolbar to refine your button text. 
4. In the Link settings section, choose from the Type of link drop-down which type of link you want to add under your button:
   
   External links

   • Absolute link (URL)
     This is the basic option for links, choose this one to add a URL.
   • Email link (mail-to)
     Add a link to an email address.
   • Click-to-call phone number (tel)
     Add a link to a phone number.

   Standard links

   • Unsubscribe link (global)
     The unsubscribe link is automatically added to the footer of your campaigns. It's a link that recipients can click to open your Brevo unsubscribe page and stop receiving your emails. Having an unsubscribe link in your campaigns is mandatory as it is essential to your contacts and for the proper functioning of your campaigns. 
     ➡️ To learn more, check our dedicated article on unsubscription links.
   • Double opt-in link 
     Add a double opt-in link to your email template if you want your recipients to confirm their subscription to your emails after filling in your sign-up form. 
     ➡️ To learn more, check our dedicated article on how to create a double opt-in confirmation template.
   • View in browser
     The mirror link can be added to the header of your campaigns. It's a link that recipients can click if they have trouble viewing your email in their inbox and want to open your email as a web page. Having a mirror link in your campaigns is not mandatory. 
     ➡️ To learn more, check our dedicated article on mirror links.
   • Update your preferences
     Brevo offers an Update profile form to help you collect updated information about your subscribers, such as their details, preferences, and even which lists they want to be subscribed to. We recommend including a link to this form in the footer of all of your emails to help subscribers share their preferences with you. 
     Your profile update form will be automatically added in your email campaign's additional settings as explained here. 
     If you're creating an email template, you need to manually add the link to the Update your preferences form.
     ➡️ To learn more, check our dedicated article on Update profile links.

   Brevo links

   • Payments
     Select one of your payment links created from Payments. 
     ➡️ To learn more, check our dedicated articles on Payments. 

   Anchor links

   • Relative link (to anchor)
     Once you've created your anchor in your campaign, use this option to link to the anchor.
     For example, going back to a specific part of the newsletter at the top of the page.
   • Anchor for relative links
     Create an anchor somewhere in your campaign and then use the relative link option to link to that anchor.

   ➡️ To learn more about anchor links, check our dedicated article Add a table of contents and anchor links in your email.

5. From the Link target drop-down, depending on the type of link you chose, enter a URL, select a link, or enter any needed information. 
   
6.  (Optional) Click the {} Add variable icon to personalize your URL with a contact attribute, event data, or data feed variable.
7. (Optional) Add a link title to display a tooltip that describes the link’s destination to your recipients when they hover their mouse over it.

Congratulations! 🎉 You have successfully added a call-to-action to your email. You can now customize it to fit your brand. 

🎨 Edit and customize your button style 

Now that you’ve added your button, make it your own! Customize its text, color, and shape to create a CTA that fits your brand and grabs attention at first glance:

• Change your call-to-action color and size (width and height)
• Change your call-to-action text color, font, size, etc.
• Add rounded corners to your call-to-action
• Add a border to your call-to-action

Change your button color and size (width and height) 

To change your call-to-action color and size, click the button to open its settings in the left panel. From there, you can:

↔️ Change your button width

To change your button width, simply pull its sides to extend or shorten it. Alternatively, you can change its width % or px from the Width field in the Button settings section. 

↕️ Change your button height

To change your button height, open the Spacing section in the left panel and add a padding to the top and bottom of your button. 

🖍️ Change your button color

To change your button color, open the Button settings section in the left panel, and choose a color from the Background color option.

Change your button text color, font, size, etc.

To customize your button text color and format, and customize it, click the button and use the top tool bar. From there you can:

Use AI to refine your text,  Change its font, size, color, format, and Add emojis or variables.

➡️ To learn more about how you can use the top toolbar to customize your text, check our dedicated article About the Title and Text content blocks.

Add rounded corners to your button

To add rounded corners to your button, open the Button settings section and choose your corner radius from the Rounded corners option:

Add a border to your button

To add a border to your button, open the Button settings section and choose the width of your border and its color from the Borders option:

❓ FAQs

Can I track clicks on my CTA?

Yes! Brevo automatically tracks clicks on your links and CTAs. You can access your clicks analytics from the email campaign report. 

⏭️ What's next?

• About the Title and Text content blocks
• Insert and edit images in your email designs
• Insert videos in my email campaign
• Add a table of contents and anchor links in your email
• Drag & Drop email editor section

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo Agency partner.