How do I create a button or button group in my broadcast email?

We have created an easy and flexible tool to help you build buttons that can be used as a call to action, donation link, and more. We've also made it simple and easy for you to edit the colors of these buttons, turn them into button groups, create social share buttons, and more! See below for detailed instructions.

Creating a Link Button or Button Group

Start by clicking the button icon in the toolbar, then select Link Button Group. You will use the link buttons if you are creating a button that redirects to a webpage, online store, petition, or anything else other than a contribution form.

Once you select Link Button Group, you'll be prompted with a form to fill out. Once you fill out all of the fields and click done, we will create the button or button group based on your inputted information. For example, if you want to create a single button that says click here and it brings someone to your website, you would select a Button Count of 1 because you just want us to create one button, a Button Layout of either inline or stacked (doesn't matter for one button, that really only applies to a button group), add your desired link to Button 1 Link, add your desired text to Button 1 Text, and choose to either use the default styling or selected. Default will use the colors applied to the Message Template that you're using, whereas Selected will use the colors and style from the Styles tab in the button creator. See screenshots below for reference:

Once you click Done we will create the button or button group in your email!

You can edit the button or button group by clicking on the pencil icon in the Message editor. For example, let's say we want to turn this into a Link Button Group of two stacked buttons. I'll start by clicking on the pencil icon, change the button count to 2, choose stacked in the button layout, and add my desired text and link for the second button. You'll notice that with every additional button you add, we will automatically add more fields for that button's text and link. See screenshots below.

Creating an Amount Button or Button Group

Creating an Amount Button or Button Group is very similar to the process of creating a link button. The difference is in the fields you'll need to fill out:

Button Columns Count: Here you choose how many columns you want the button group to have. The number of actual buttons will be based on the amounts you choose below
Button Link (required): Using the {{contact.speedygive_url}} merge tag as I have in my example will automatically create a SpeedyGive link for each of these buttons using whatever form you added to the Contrbution tracking stage in the Details tab. This will work with ActBlue and Numero forms. If you did not choose a form in the tracking section, then you'll need to add an actual link to this field rather than using a merge tag.
Button Amounts (required): Here you will add the amount for each button that you want. So if you want 5 buttons, you'll need to add the 5 amounts that you want each button to use and separate them by comma. See the screenshot below for reference.
Amount Button Text (required): This field is where you can decide on the additional text that you want to use in the button around the number. If you just want it to say the number, use the merge tag {%amount%}. This will autofill the button with the numbers you inserted in the Button Amounts field. You can also incorporate text and the number, which you can see in my example in the screenshot below.
Other Button Text (optional): If you want to add another button that doesn't prefill a specific donation number, you can insert text in this field to create an "other" button option. The other button will use whatever text you place in this field.
Selected Amount (optional): If you want one of the buttons to look like it's pre-selected, put that number in this field. In my example, I want the $50 button to be selected, so I put 50 in this field.
Disclaimer (optional): If you need to add any disclaimers to this button group, you can do so in the disclaimer section. The disclaimer will display directly above the button group. Note: If you choose an ActBlue form in the tracking section on the Details tab, we will automatically add the ActBlue Express disclaimer above your button group.

Creating a Social Share Button or Button Group

To create a Social Share Button or Button Group, click the button icon in the toolbar, then select Social Button Group. This button group is simpler than the two above, all you need to do is paste in your social media links to the corresponding fields and we will create the buttons and link them appropriately. There is no additional styling that you can apply. See screenshots below.