Buttons

Buttons

Buttons are a simple yet effective way to draw attention to your email’s next step—whether it's reading more, registering for an event, or making a purchase. Adding a button to your email design in Delivra is quick and intuitive using the drag-and-drop editor.

Why use buttons?

Using buttons in email marketing campaigns is beneficial because they enhance visibility, improve click-through rates, and make CTAs more actionable. Buttons are more noticeable than plain text links due to their larger size, visual design elements like shadows, and distinct colors. This leads to increased attention and engagement, making users more likely to click and take the desired action. 

Where to Start

You can add a button from either of these locations:

Within the Campaign Workflow, while building a campaign.

From Assets > Email Templates, while editing a reusable template.

How to Add a Button

  1. Insert a layout row
    1. From the right-hand panel, drag a layout row into your design.
    2. Alternatively, change your existing cell group layout to include an empty cell for your button.
  2. Add the button
    1. Under the "Actions" section of the editor, drag the Button icon into your new layout row or empty cell.
  3. Edit your button
    1. Click directly on the button in your design canvas (center page) to open its Edit options.
    2. On the right-hand panel, you can customize:
      1. Text (e.g., “Register Now”)
      2. Hyperlink (where the button sends contacts)
      3. Color and Text Color
      4. Height and Width (in pixels)
      5. Radius (to create rounded corners)
      6. Padding (space inside the button)
      7. Borders (if desired)


Customize cell style (optional)

Under "Cell Style", you can update the visual appearance of the button's container cell. This includes background color, border and padding, font size and alignment, and more.

Best Practices and Tips

  1. Keep your call-to-action short and clear (e.g., “Learn More”, “Subscribe”, “Shop Now”).
  2. Use high contrast between your button and background so it's easy to spot.
  3. Test the link to ensure it directs to the correct page before sending.
  4. Maintain spacing around your button for visual clarity on both desktop and mobile.

Practical Use Cases

  1. Event invitations: Add a “RSVP Now” button that links to a registration form.
  1. Promotional emails: Include a “Shop the Sale” button leading to featured products.
  1. Newsletter engagement: Try a “Read the Full Article” button for longer content previews.

Customization options for buttons

  • Hyperlink
  • Button Color
  • Button Text Color
  • Width/Height
  • Border
  • Radius
  • Padding

Hyperlink

Assign a link to your button so that it is clickable for the recipient. Link types include external web pages, mailto, what's app chat, click to call, link to forms and landing pages, and more.

Button Color

Assign a color to your button that is in-line with your brand.

Button Text Color

Assign a color to the text on your button.

Width/Height

Adjust width and height of button as desired to fit your template design.

Snap to Text Width

Forget adjusting your button width manually -- one click and your button width is the as your text. Find 'Snap to Text Width' in the Width section.

Border

Add a custom border to your button to allow your call to action stand out even more. You choose the color, width and style of the border to match your branding.

Radius

Like rounded edges on your buttons? Use this feature to get the exact look you need to keep your branding consistent. Increase the radius for rounded edges; decrease radius for squared edges.

Padding

Add a margin inside the button between the text and edge.

Saving button styling to email templates

Easily save styling for buttons to your email templates. When utilized, these styles will be applied to new buttons added to the template. Click into the global style tab in the email editor. Scroll down the page to find Buttons section. Apply any styling and save.


For any questions about editing your emails or customizing buttons further, reach out to our Support team at support@delivra.com.

    • Related Articles

    • Social Share and Social Follow

      Understanding Social Share vs. Social Follow in the Email Designer Delivra’s drag-and-drop email designer includes two built-in social media content blocks: Social Share and Social Follow. While both add clickable social network icons to your email, ...

    • Social Follow FAQ

      You can easily incorporate social follow buttons into your drag-and-drop emails, allowing your recipients to quickly go to your social media pages. The following are frequently asked questions about using social follow buttons in emails. How do I ...

    • Hyperlinks: Web, Email, Phone, Documents (and more)

      Hyperlinks are an important part of any email. They allow your recipient to engage further with you by visiting your website or another online location to read more, make a purchase, etc. In this article we'll cover how-to steps for popular link ...

    • Creating email templates

      Email templates are design layouts that you customize and save for reuse. The purpose of email templates is to save you time in the campaign building process because you begin with a design that has many of your common elements pre-built. Our ...

    • Conditional Fields on Forms

      Conditional fields are a smart way to create dynamic, user-friendly forms by showing or hiding specific fields based on what a submitter selects earlier in the form. This approach helps keep forms shorter, more relevant, and easier to complete. How ...