Disclaimer: ActBlue user roles and permissions dictate what users can do on our platform. If the tools or features mentioned in this article are unavailable to you, please speak to your Dashboard Admin(s) about updating your permissions.
Currently, there are several ways to customize your contribution form on ActBlue. While our form editor will provide you with various options to bold, italicize, underline, or strike your text, you can also use HTML to edit and create more custom layout styles.
This guide will show you how to use HTML to bold, italicize, and link text, as well as create bulleted and numbered lists. For more information about adding custom styles like color, size, and font to your contribution form, check out our article on Brandings.
To edit your contribution form's HTML tags while in the Form Editor, you'll want to start by clicking the < / > icon shown above your Donation Ask or Receipt text box:
This will allow you to edit the form's source code and add new HTML tags to your form. Please note that we only allow limited HTML, so you'll need to keep it simple!
Listed below are some popular examples of what you can do and include in your form's HTML:
| Feature | Tags | Example Code | Result |
| BOLD | <strong></strong> | Losing is <strong>not</strong> an option. | Losing is not an option. |
| Italics | <em></em> | Today's <em>Boston Globe</em> reported that... | Today's Boston Globe reported that... |
| Links | <a href="URL"></a> | Please visit <a href="http://www.candidatewebsite.com"> my candidate's website</a> to learn more. | Please visit my candidate's website to learn more. |
| Line break | <br> | Short line <br> A longer line of text </br> Short again |
Short line A longer line of text Short again |
| Block quotes | <blockquote></blockquote> | Great news from the campaign today. <blockquote> We'll be unveiling a major new initiative next week. </blockquote> Looking forward to it! |
Great news from the campaign today. We'll be unveiling a major new initiative next week. Looking forward to it! |
| Numbered lists |
<ol></ol> <li></li> |
<ol> <li>Number one</li> <li>Number two</li> <li>Number three</li> </ol> |
1. Number one 2. Number two 3. Number three |
| Bulleted lists |
<ul></ul> <li></li> |
<ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> </ul> |
|
When you're done, don't forget to publish your changes and double-check how your HTML tags are displaying on your form! If you do include any unsupported HTML tags or attributes when editing your form, they will be automatically removed when you save your changes.
If you have any questions, please contact our support team using the email address you use to access your ActBlue account.