The button block displays eye-catching calls to action in your emails.

How It Works

Drag a button block from the left sidebar to where you want to add a button and then click on the new button to set the button text and URL.

You can use the button toolbar to set the button and text alignments.

Button Block Sidebar Settings

Select Block at the top of the right sidebar and customize the button accordingly.

The styles tab lets you change the button margin, padding, colors, typography, and border settings.

The styles tab lets you change the button margin, padding, colors, typography, and border settings.

Tips

  • Use action-oriented text (“Shop Now”, “Learn More”)
  • Keep button text short and clear
  • Choose contrasting colors for the text and background
  • Test URLs before sending
  • Preview on mobile devices

Related Guides

  • Columns Block

    The Columns Block allows you to add different types of columns to your email Adding Columns Select Columns: In the block, select the type of column you want to use. Add Content: Click within each column to add content. You can insert other blocks (like images, headings, or paragraphs) into each column. Increase/Decrease Columns Column…

    Read More

  • Separator Block

    The separator block in Noptin visual email editor creates a break between two blocks of content with a horizontal line. This helps create a separation between ideas or sections in your content or email Adding a Separator Block Open the visual email editor in Noptin On the left panel, Select Separator to add the separator block in…

    Read More

  • Spacer Block

    The spacer block in visual email editor in Noptin allows you to create space between two blocks. To add a horizontal space (between blocks in a row), the spacer block has you covered. Adding a Spacer Block Block Toolbar Options Transform Convert the Spacer block into a Columns or Sections block. Click on the Spacer button on the tool bar to…

    Read More

  • Heading Block

    The heading block helps you structure your email content into sections.

    Read More

  • Paragraph Block

    Besides adding text, the Paragraph block offers various formatting options to customize text content. It lets you make the text bold, italics, and strikethrough.

    Read More

  • Image Block

    Use the image block to display images in your email newsletter.

    Read More

  • List Block

    The list block helps you create ordered (numbered) and unordered (bullet) lists in your emails.

    Read More

  • Custom HTML Block

    The custom HTML block lets you add custom HTML code directly to your emails.

    Read More

  • Social Icons Block

    The social icons block helps you add social media links to your emails.

    Read More

  • Table Block

    The table block lets you organize content into rows and columns.

    Read More