A Guide to Impact Tiles

Last Updated: Nov 14, 2018 09:58AM PST

One of the most common questions that supporters have is, "How is my donation being used?" Impact tiles in Classy are designed to provide an answer by conveying where donations are going and who they will be benefiting. When a donor understands the impact of their gift, they are more likely to donate again.

In this article, we will explain what Impact Tiles are and how to use them to build trust with supporters and encourage donations. We will do so by covering the following:  

 

What are Impact Tiles?

Impact tiles communicate the specific impact of donations. Each tile can be connected to a particular donation amount, so you can illustrate the unique benefits of different gift sizes. For example, an impact tile could encourage supporters to donate $35 to help buy school supplies. Another tile may describe how $150 can fund scholarships.

Setting Up Impact Tiles

Impact tiles are available in two of Classy’s campaign types—crowdfunding and peer-to-peer. Normally, the impact tiles are set up when you create either campaign and edit the landing page. If you have not created a campaign with impact tiles yet, you can do so alongside our guides:

In Crowdfunding campaigns, each impact tile will have a Donate button. If a supporter clicks on a button, they will be taken to a donation page and the amount that was listed on the tile will be pre-selected. The only difference for Peer-to-Peer campaigns is that they have Fundraise buttons that take supporters to an editor where they can set up pages to fundraise on your behalf.

The button will always say Donate in a crowdfunding campaign and Fundraise in a peer-to-peer—there is no way to change the buttons. This is to avoid any confusion about whether the button leads to a donation page or fundraising editor. But there are other editing options to help your tiles engage supporters. 

Editing Impact Tiles

You can always go back and edit impact tiles after the initial setup. This section will cover how to do so with your advanced design tools for a more personalized look.

1. In the campaign with your impact tiles, select the Pages Tab and Landing Page
2. Select the Design Editor and the Impact Tab

Edit the Visibility

3. Choose to show or hide your impact tiles

  • We recommend keeping the impact tiles—communicating where donations go increases the chance supporters will donate again

4. Type your headline into the Headline Text Block

  • Click the headline on the right side of the editor to change the alignment and font
  • You can hide your headline by marking the appropriate checkbox
  • Personalizing your headline can draw attention to the tiles

5. Tap the Headline Color Circle to change the color of the Headline

Edit the Levels

6.  Click Edit on an Impact Tile to change the image, donation amount, and description

  • To reorder tiles, click the three lines on a tile and drag it to the location you want
  • To add a new tile, click the green Add button

7. Tap the Button and Text Color Circles to change the color of the impact tile text and buttons

  • The text color circle does not change the color of the button text
  • Impact tile button text cannot be changed—this is to avoid any confusion about where the buttons lead

Pro Tip: Our professional writers have some tips on how to improve your impact tile content. To learn more, take a look at their creative advice.

Edit the Background

8. Tap the Background Color Circle to change the background of the impact tiles
9. Or tap Upload An Image to use a background image instead of a color

  • We recommend using patterns to provide visual diversity

Note: Using an image will open additional design tools. If you did not upload an image, these tools will not appear and you can move to the next section. But remember to click Save & Update Page at the top of the editor first to save your work.

 

10. Click the Image Position Dropdown and select the style you prefer

  • Adaptive Cover - The image will be centered and stretch the full vertical height of the screen. But the horizontal sides will be cropped off as the width of the screen shifts
  • Center - The image will be centered in the content block
  • Tile - The image will be repeated on the screen and look like tiles
  • Stretch - image will stretch to match the width of the user's screen resolution—not the height
  • Cover & Fixed - The image stretches to accommodate the height and width of the screen and is locked so it will not scroll with the page. Our designers recommend this option since it gives your page a sleek 3-dimensional look

11. Move the Image Opacity Slider to change the opacity of your impact tile image

  • The lower the opacity percentage, the more transparent the image is

12. Move the Image Blur Slider to add a blur effect to your impact tile image

  • Our designers recommend using the blur effect sparingly. Too much blur can be harsh on your viewers’ eyes or ruin your pattern

13. Click Save & Update Page at the top of the editor first to save your work.

Move the Impact Tile Content Block

You can change where the impact tile content block appears on your landing page. On a Crowdfunding campaign, the impact tiles will come after your hero block. The tiles come after the About block in a peer-to-peer campaign.
Note: The image below is taken from a peer-to-peer campaign, because it better illustrates this feature.

1. Scroll to the top of the Impact tile editor and click the Back Arrow

  • The arrow will be underneath Landing Page and the Save & Update Button

2. Click on the Move Arrows to the left of the Impact Tab and drag it to the location you prefer

  • We recommend keeping your impact tiles close to the top (after the Hero or About block)
  • You cannot place the impact content block above the Hero or Header block

3. Click Save & Update Page to save your work

If you have any additional questions, please contact our Care Team.