Fundraising badge guidelines

You must display the badge on all your fundraising materials. This means any communication that is used to ask for money or other property for charitable purposes – whether print, digital or video content. For example:

• letters asking for donations or support
• information leaflets with a fundraising request
• envelopes that ask the recipient to donate
• event t-shirts that include information on how to donate
• collection buckets used to collect cash or card donations
• television advertisements with a call to action to donate
• social media graphics for a fundraising campaign
• website donation pages

You may also use the badge on other materials, including:

• email signatures
• letterheads
• brochures
• leaflets and promotional materials

However, we do not expect you to include the badge on your communications that are not about fundraising.

The "digital badge" is intended specifically for use on your website(s).  It confirms that your registration is valid for the current year, and makes basic checks that it is being displayed on a site that genuinely belongs to you. These features, which are not possible with the static images used for print badges, help to promote confidence in the badge and in your fundraising.

The print badge does not show your registration year (because of course your paper media may be in use for longer than this). You will also need to use this version if you need the badge in places such as email signatures, but please use the digital badge wherever possible.

Social-media sites will not permit the use of the HTML snippet that provides the digital badge. Instead, we have provided a feature on the digital-badge page that will allow you to post announcements of your registration to your social media, accompanied by the badge.

You may choose between English-only and bilingual Welsh-English badges. Please use the colour version if possible. However, if the colours would conflict with your design, or cause contrast or other accessibility issues, there are also black or white options.

Please make sure that the badge is clearly visible and on a contrasting background, so that people can read it easily. Do not:

• distort or warp the width to height ratio
• stretch print badge versions so that the image quality deteriorates
• use it in sizes so small that the logo and text cannot easily be read
• change the layout, font type or brand colours

Please follow these steps:

• If you have not already done so, add your site domain(s) - you can just paste the address of a page on your site into the form
• Copy our HTML snippet from the digital badge page
• Paste it in as an HTML widget or similar (depending on your page editor's terminology), and following your platform's or CMS (content-management system)'s documentation
• Position and size it using the drag-and-drop tools in your page editor

We've provided different sizes and versions as a starting point. If you're doing more precise sizing using your editor's tools, the result will be the same whichever size you choose, as our digital badge can be stretched to any reasonable size without loss of quality.

Please note that the badge may not be displayed in preview in some platforms and CMSs. This will happen if preview uses a special domain, rather than the address of your site - so the badge will fail our validation. You will need to view a published page if this happens in your case.

If you need help with your specific platform or system, please try your provider or IT support team. We have added notes for a few popular systems below.

Please feel free to contact us with feedback about the process, although we may not be able to offer detailed support on specific content-management systems or platform providers.

We ask you to tell us your domain(s) so that the badge snippet can make checks that the badge is being used on a site that is genuinely yours. Therefore you need to do this before you can copy the HTML snippet. If you need to use the badge on multiple sites, you may sometimes need to register an additional domain. The domain is the part of your website address that defines the site as uniquely yours, for example ourcharity.org.uk

You can paste in various formats, and the "Enter your site domains" page will find the domain for you. We suggest that you just copy the address of one of your pages from your browser's address bar. For the example above, you could enter:

• ourcharity.org.uk
• www.ourcharity.org.uk/about-us
• https://www.ourcharity.org.uk/
• contact@ourcharity.org.uk

You will only need to register an additional domain if, for example, you launch a campaign site with a completely different address. By contrast, the two sites below share the domain ourcharity.org.uk, so you would only need to register it once:

• https://www.ourcharity.org.uk/
• https://fundraising.ourcharity.org.uk/

If you are unsure, you can paste the address of any of your pages into the box at the bottom of the domains page. It will tell you whether that page matches the domain(s) that you have entered, before you do any editing to add the badge. The page will also tell you if you are entering a domain that duplicates what you have already given us.

Domains can get complicated. If for example you had a site https://ourcharity.wordpress.com/ then it's fine to enter ourcharity.wordpress.com as your domain, because the first word makes it unique to you. You cannot enter just wordpress.com, because that's shared with many thousands of other WordPress users! If you would like (a lot) more detail, Mailchimp have a thorough explanation.

When you have added your badge to your page, do test it by clicking on the badge. You should be taken to your page in our Fundraising Directory.

If you should see a "badge validation failure" message, please first check whether you have changed the badge snippet from the version that we provided, as some features of the code are required for successful validation. Limited modifications are possible, to make the badge work better with specific requirements of your site, but these should be made with caution.

• In edit mode, choose to "Add block".
• Select an embed block.
• Embed our HTML as a code snippet.

• Please check the "My site is on Wix" box before copying your code.
• In the Wix editor, add an "Embed HTML" widget (found under "Add code") and paste our HTML snippet into that.
• Drag the widget handles to size the badge to your requirements, as for other widgets in Wix.
• The link to your page in our directory will open in a new tab. Your users will need to close the tab rather than follow a link back to your site. This is because of the way in which Wix handles HTML snippets.

• Add a custom HTML widget in your desired location in your page.
• Paste in the badge code.
• Use the "Convert to blocks" option which you will find on the ellipsis (three dots) at top right of the widget.
• Choose to "Edit visually".
• You should now be able to size the badge by dragging the handles of your widget in the usual way.

You can share to your social media announcements that you are registered with us, from the last section of our digital-badge page, and add your own covering messages.  Social-media and similar sites do not allow the use of HTML snippets, so the fundraising badge in these posts cannot include your dates of registration, but there will still be a confirming link to your directory page.