Adapting Mailchimp’S Two, How Do I Create Two Buttons Side By Side

The basic Mailchimp templates are easy to use, effective and best of all look great across almost all devices. In Mailchimp classes I always regmailaccount.comend that attendees use the basic 1 column template.

Watching: Adapting mailchimp’s two

The problem with the Mailchimp button content block

Some people however find that there is too much white space in the basic templates and it isn’t easily possible to remove much of the white space. Also, Mailchimp training participants often ask if it’s possible to have an inline button rather than the button below or above content i.e. to the left or right of, usually, text.


In order to add an inline button we need to add the button as HTML rather than using the button content block. Fortunately, even if you aren’t familiar with HTML, it’s actually simple to add a button.

See more: Gmail 10 Phút Mail – Email 10 Phút Là Gì

Instructions to add a button next to text

Instead of using the button content block for your campaign email, follow the instructions below to add an inline button.

Add a text content block to your campaign builder.While in the text content block edit screen click Settings (to the top right of the screen).Under Number of columns select 2 Columns.Select the third Column split i.e. two-thirds for the first column and one third for the second column.Click Content (to the left of Settings) then Column 2.Click the Source  icon.Delete the existing text and copy and paste the HTML as below.

See Also:  Gmail makes it easier for you to copy and paste email addresses

See more: Create A Gmail Account – How To Get Your Google Account/User Id · Github

<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”background-color:#009688;” width=”100%”> <tbody> <tr> <td align=”center” style=”color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;” valign=”middle”><a href=”” style=”color:#FFFFFF; text-decoration:none;” target=”_blank”>Read More</a></td> </tr> </tbody> </table> Edit the destination URL in the HTML to your own.Click Save & Close.Congratulation. You now have an inline button that is responsive (looks good on desktop gmailaccount.coputers, tablets and mobile phones.

Leave a Reply

Your email address will not be published.