DSC 7818

Regular giving creates stability


A holistic poverty reduction model

CCF was established to provide a safe and secure environment, food and medical care for children in immediate risk such as those that are abandoned or living in violent situations, and importantly, to provide access to education for these children. Providing education and leadership training is essential to lifting these children and their families out of the poverty cycle.

CCF generates a path to higher education and employment by creating an environment where the provision of food security, housing and health care removes the barriers to education. Offering these programs lessens the financial burden on families so they could focus on supporting their children in their schooling rather than relying on them to work.



⚠️  NOTE  ⚠️   ( These notes are only visible in this form editor.)

Follow the instructions in these notes carefully, as they provide guidance on how to update the form without breaking custom functionality.
 

Country Tooltip

Edit the text below this line to update the hint text that goes in the '?' icon to the right of the country selection field. The first line is the header that will be rendered in a larger font size. The second line are the instructions for the user. 

Do not edit anything above the line
.
______________________________ 

Billing Country
The country that appears on your credit card billing statement.
Donation Amount Fields
⚠️ NOTE ⚠️  

Do not change the outline styling in these groups of fields, and don't move any of the amount fields outside of their field groups. Doing so will break the form!


⚠️ NOTE ⚠️

The donation amount fields below will automatically show or hide on the website, depending on the Billing Country selected

Adding a new field? Make sure to do the following:
  • Start by copying one of the existing donation amount fields.
  • For the field label, write the name of the country exactly as it appears in the country dropdown. This country name label will not be shown on the website form, but it is necessary for the conditional display to work.
  • If you did not copy an existing field, you'll need to open the field options, click on ‘This is a variable’ and set the variable name to: donationAmt
  • Update the custom donation amount field (called 'My Donation') conditional display options to include the 'Other' option from your newly created field.
  • When updating the donation amounts, go to the field group's Options -> Calculations tab, and in the section where it says 'This is a multiple-choice question. Assign a value for each choice', ensure that the amount of each value is equal to the amount of each choice.
  • The choices under 'Impact Statements' have a 1:1 relationship with each donation amount (I.E. the first impact statement will be paired with the first selectable donation amount for each country, and so on.)

Choose an amount to give once






Choose an amount to give monthly





Gift Aid It












Pay by Local Bank/Agent

Or


Payment Method: PayPal
⚠️ NOTE ⚠️
  • The sentence 'You are giving a donation of' below is dynamically populated with the donation type and donation amount from other parts of the form:
        - Donation type is calculated by JavaScript on the front end.
        - Donation amount is calculated from radio buttons on p1.
You are giving a donation of
⚠️ NOTE ⚠️
  • The following three fields (Edit Amount Button, Donation Amount (editable) and Donation Amount (calculated) look blank/empty, but are required for the 'edit donation' functionality on page 2 of the form. Do not edit or remove them.
  • Edit Amount Button is the trigger that toggles the editing state on/off.
  • Donation Amount (editable) is an empty HTML element that is populated with the donation amount selected on page 1 on the fly. It is a separate DOM element so that it can be targeted and styled appropriately with CSS.
  • Donation Amount (calculated) is a FormAssembly calculated field, which carries over the original donation amount selected on page 1 of the form. Its value is updated if the 'edit donation' process is completed.


⚠️ NOTE ⚠️
  • The sentence 'You are giving a donation of' below is dynamically populated with the donation type and donation amount from other parts of the form:
        - Donation type is calculated by JavaScript on the front end.
        - Donation amount is calculated from radio buttons on p1.
You are giving a donation of
⚠️ NOTE ⚠️
  • The following three fields (Edit Amount Button, Donation Amount (editable) and Donation Amount (calculated) look blank/empty, but are required for the 'edit donation' functionality on page 2 of the form. Do not edit or remove them.
  • Edit Amount Button is the trigger that toggles the editing state on/off.
  • Donation Amount (editable) is an empty HTML element that is populated with the donation amount selected on page 1 on the fly. It is a separate DOM element so that it can be targeted and styled appropriately with CSS.
  • Donation Amount (calculated) is a FormAssembly calculated field, which carries over the original donation amount selected on page 1 of the form. Its value is updated if the 'edit donation' process is completed.
Payment Method: Credit Card

Credit or debit card


⚠️ NOTE ⚠️

The following two fields ('Stripe Elements Mount' and 'Stripe Elements Errors') are required for injecting the Stripe Elements Credit Card and error fields into the form. They contain custom HTML so that Stripe knows where to place things. Do not edit or remove them. 

These fields are not visible in the form building GUI (main panel in the center of FormAssembly screen) but they are selectable in the 'Form Outline' panel on the left. 
Stripe Elements Mount
Stripe Elements Errors

Personal details











Payment Method: Pay by Local Bank/Agent

Personal Details





Newsletter Sign-Up
Additional Hidden Fields














 Cloudflare