Donation Landing with Friendly Template

The Friendly template is perfect for displaying a fundraising bar, goal, or intermediate fundraising challenges.

In the BackOffice, once you have accessed your organization's account, you will see the buttons that will allow you to create the different types of campaigns. In this case, you must choose the second one: New donation landing.

Screen Shot 2020-12-28 at 10.17.58

Once you have chosen the type of campaign, you must fill in the basic data of your campaign:

  • Title: This field refers to the title of your campaign. Remember that you can edit it at any time in the General Data tab.
  • Currency: You must choose the campaign base currency.
  • Country: This country refers to the country of issuance of the donation certificate. In the event that you are not issuing donation certificates, you will need to choose a country anyway.
  • Base language: Campaigns can be multi-language, but we must choose a base language for the campaign and make the translations to the rest of the languages ​​afterward.

Screen Shot 2020-12-24 at 11.27.06

Once you have filled in these fields, all the available options for this type of campaign will be displayed. Depending on the type of campaign chosen, the software offers various template possibilities.

In this article, we show you what the Friendly template looks like and what possibilities it offers you when displaying the content of your campaign.

Here you can find different examples of campaigns with a Friendly template, each one totally different. Both the colors, the structure, and the different sections are customizable, being able to add the ones that best suit your campaign needs.

Example 1

Example 2

Below we go on to detail each of these sections and how you can easily configure them. As you create your campaign, you can view it in your Friendly template at all times by clicking on the eye icon.
Screen Shot 2020-12-24 at 11.40.19


1. Title and 2. Brief description of the campaign

3. Header image

4. Donation form

5. Navigation submenus

6. Information

7. Team

8. Updates

9. More information

10. FAQs

11. Sponsors

12. Footer

1 Title and 2 Brief description of the campaign:

To enter a title and a brief description of the campaign you must do it from Content> General Information.

From General Information you can also edit:

- Main campaign color: That will mark the color of the "Donate" button and the different sections of the landing.

- Campaign logo or image: This logo will appear in the upper left part of the campaign, and in the lower part if you enable the "Contact us" section.

- Text of the Donate Button: Allows you to customize the text of the donation button that appears in section 4.

- Other options: on the right side of General Information (Duration and Goal / Configuration) you have different sections that you can edit, such as a campaign monetary objective, a campaign start and end date an objective with intermediate challenges, add a collection bar or show the list of donors, among many other options. Review them carefully and select the ones that best suit your campaign.

Screen Shot 2020-12-30 at 10.28.34

3. Header Image


At the top of the Landing, you can enter a video, an image, or a set of images.

To enter this image you must access CONTENT> Header and footer> Header.

Here you can choose between entering a video or a set of images.

Screen Shot 2020-12-29 at 12.04.29

- Video: to enter the video you need a youtube or vimeo url . You should know that the video on the cover, due to the browsers themselves, will play without sound, so it is important that you choose a video where the image is given more importance or has subtitles.

- Image or carousel: You can enter one or more images. In the case of entering more than one, they will be displayed every few seconds.

In addition, in this part, you can select if you want the text to be on the left and the donut button on the right, or both are adjusted to the left. (In line> right; in Block> Left)

4. Donation Form

In this section, the information required to inform the campaign objectives will be displayed, as well as the "donation box" or form to be filled out by donors in the donation process. 

Screen Shot 2020-12-31 at 09.33.56

  • Donation modality

What can we do? Define the parameters to display in relation to objectives, number of donors, dates, challenges...
The basic configuration is done in CONTENT> General information > Duration and Goal + Configuration:

Screen Shot 2020-12-31 at 09.37.30

  • Form

Every time we have this part ready, when we click on the 'Donate' button (or with the title that we have put it), the donation form will be displayed with the amounts, periodicities, etc.

Everything that this form contains can be configured from CONFIGURATION> Form. We leave you here a guide where the options are explained in more detail.


5. Navigation submenus

As we add sections to our landing, submenus will be configured in the upper area that will allow navigation by click in addition to navigation by scroll.

Screen Shot 2020-12-31 at 09.42.16

6. Information (Story - first block of information):

In your campaign, you can enter several blocks of information where you can add texts, images, videos, and documents.

Screen Shot 2020-12-31 at 09.48.44

To configure the one that will appear at the top you must access CONTENT> Information.

Once here, you can edit the title of this section by clicking on "Edit Header" that you will find at the top right. In addition, you can add a small general description of this section.

Screen Shot 2020-12-31 at 10.21.23

To add Information within this section, click on "Add" at the top right. You can add as many as you need so that they will be placed as a menu through which you can navigate within this section.

In each Story, you will be able to enter a fully customizable text in terms of size, font, color, etc., and add images, a video, or a document to it.

7. Team (second block of information):

The Team block can be useful when introducing the participating team of a project.

You can access this section from CONTENT> Team.

Screen Shot 2020-12-31 at 10.44.47

To edit the header you can do it, like the rest of the content blocks, by clicking on "Edit Header" that you will find at the top right.

To add a team member, click on Options> Add Member, and the fields to fill out will be displayed.


Screen Shot 2020-12-31 at 10.42.00


The only mandatory fields to fill in are the Name and Multiplier. In the latter, be sure to click on No, if you are not using the Speakers functionality.


8. Updates(third block of information)

In this information block, as in Story, you can add as many updates as necessary and menu buttons will be created within this section that will facilitate navigation. In these updates, you can enter texts, images, videos, and even files.


The difference with respect to Story and Documents (which we will see below), in addition to the fact that the visualization of the images is different, is that we will be able to associate a date so that this publication that we configure updates itself in our campaign. If we do not need this functionality, it will be enough to select a past date for the information to be displayed in the campaign at the moment.

9. More information (Fourth block of information)

This fourth block of information works and looks exactly like the Information block, but appears further down in the campaign navigation. You can play with both to better structure your content.


10. FAQs

You can introduce a frequently asked questions section in your campaign that solves the most recurrent doubts of your donors.

To do this, go to your campaign> CONTENT> FAQs, and as in the rest of the content blocks, you can edit the title clicked on the "Edit header" button that you will find in the upper right. You can also add an image and a small text that will be located right at the top of your FAQs section.

Screen Shot 2020-12-31 at 11.31.00

To add questions and answers we will simply have to click on Options> Add Question

Screen Shot 2020-12-31 at 11.33.28

11. Sponsors

The sponsor's block can be useful to present collaborating companies, sponsors, etc...

Sponsors Landing

To access this section go to your campaign> CONTENT> Sponsors.

To add a sponsor, simply click on Add Sponsor, on the button that you will find in the top right.

Screen Shot 2020-12-30 at 11.38.17

To add a sponsor you only need a logo and select the level of the sponsor that corresponds to it. There are 3 levels available. Level 1 will make the logos appear larger and at the top of the section, while the rest of the levels will make the logos smaller as they appear at lower levels.

You can also add a url to the logo, which leads to the Sponsor's website or the url that you want.

All these levels will share a title that you can edit from the Edit Header option, which you will find to the left of the "Add Sponsor" button.

Keep in mind that this title will be shared not only by the 3 levels of sponsors but also by the list of participants.


12. Footer

The contact data that appears in the footer shows the data configured at the organization level. If you would like different ones to be shown for your campaign, you can customize them from CONTENT> Organization Info:

Screen Shot 2020-12-29 at 12.39.59

You can also customize the color from CONTENT> Header and Footer> Footer.

Here you will also find the option to hide this section.

Screen Shot 2020-12-31 at 11.45.00