Skip to main content

Payment Form configuration options

The embedded Payment Form in Giving Pages is fully integrated with your payment processing configuration in FinDock. Wherever possible, we use default values in the form settings to help you to create and publish pages quickly. These values are adequate in most cases, but the range of settings give you many ways to customize and optimize the payment experience.

Common settings​

As with other page elements, you can modify the basic appearance - font, background, padding and so forther - of the Payment Form. In addition, there is one important appearance setting under the Payment Form settings proper: brand color.

The brand color setting determines the color of the radio button, checkboxes and button(s) on the payment form. The default color in the templates has been set to fit the color scheme of the template images.

Payment Form brand color setting

The payment form background color can also be adjusted, but we strongly advise you to keep this white or a light color to keep the form readable.

Page labels​

For each step of the payment process, there are page labels to help guide the donor through the procces. These lables include the title of the form page and buttons to allow the donor to proceed or move back through the payment steps.

SettingDescription
TitleThe main heading on the donation form displayed at the top of the form.
Button label nextThe text that appears on the button that advances the donor to the next step of the donation form.
Button label backThe text that appears on the button that returns the donor to previous step of the donation form.

Amounts and frequency​

The amount and frequency settings define the donation options presented to page visitors. This includes basic payment paramenters like donation amount as well as key texts like the narratives for preset donation levels, campaign and orgin.

Payment Form amounts and frequency

SettingDescription
CurrencyCurrency of the payment amounts. If your org does not have multi-currency enabled, this setting is disabled (and shows your org currency). If you have multi-currency enabled, the dropdown list shows all currencies in your org. When making the selection for the payment form, however, keep in mind which payment processor you are using. Not all processors support multi-currency.
Default payment periodThe payment period that is pre-selected when a donor visits the page.
Hide decimalsEnable to hide decimals from amount fields so that only whole numbers can be entered.

One-time and monthly settings​

Payment Form amounts and frequency settings

SettingDescription
LabelName of the payment period option (radio button).
Preset 1, 2, 3The payment period there are three preset amounts to define. Each preset amount has its own narrative.
Impact narrative 1, 2, 3For each preset amount, write a short, inspirational text that communicates what you can do with the preset donation amount (i.e. why the donor should give that amount).
Allow open amountEnable this option if you would like to allow donors to give an amount different from your presets.
Open amount labelName of the open amount option (text shown instead of a number).
Open amount placeholderWhen the donor selects the open amount option, this text is shown in the field where the donor should enter their donation amount.

Open amount error messages​

SettingDescription
RequiredThe text displayed when the open amount is selected but no value is entered before moving to the next step of the form.
Invalid formatThe text displayed when the donation amount as too many decimals
Amount below 0.00The text displayed when the donation amount is below 0.00 (usually a typo by the donor).
Amount too highThe text displayed when the donation amount is too high (beyond 99,999.00)

Personal details​

The personal details settings are an important part of the payment form, both in terms of privacy and personalization of future donor follow-up journeys. The European GDPR rules apply here, so you need to inform donors what information is being collected and for what purposes. Use the privacy text editor to create a privacy statement (and/or link to your full statement on your website).

The next step is to click the Personal Details button to set which details will be collected. By default, only the minimum amount of information is collected that is required for payment processing. Use the mapping table (pictured below). For each detail, you can define the field label (displayed in the form), a placeholder value, Salesforce mapping, as well as whether or not the detail is visible and required. Learn more about input fields and how to add your own here

Payment Form personal details mapping Payment Form personal details mapping for first name

Payment methods​

In this part of the payment form configuration, you need to decide what payment method(s) will be offered to the donor.

SettingDescription
Select Payment Method LabelThe text displayed above the dropdown list of payment method options.
Ask for Gift AidEnable to allow UK donors to contribute their Gift Aid tax relief.
Gift Aid textStatement explaining Gift Aid qualification. The default text is the officially recommended text from HRMC.
Claim Gift Aid labelConfirmation statement when a donor agrees to Gift Aid contribution. The default text is the officially recommended text from HRMC.

Click the Payment Details button to open the configuration details (pictured below).

The main aspects to plan and configure are:

  • Which payment methods you want to offer
  • The order in which the method options should be lists for donors
  • The default method for each payment period (one-time and recurring)

Payment Form payment methods configuration

The payment methods available in the configuration popup depend on which processors and methods you have activated in FinDock. Only activated methods can be used in the payment form. Use the left-right and up-down arrows to add methods to the form and change the order.

For each payment method, you can enter a custom label (name shown to the donor) and use the toggles to define the defaults for one-time and recurring options.

In addition, any parameters that are available for the given processor and method are available for configuration. You can see these by clicking the Show Parameters button. For each parameter you can define a label, a default value (if allowed), as well as set visible and required toggles.

For some methods, if the parameters are required by the payment method (e.g. account holder name and account number for Bacs DD), they are already set accordingly and made visible for donors. However, required description parameters (typically used for internal purposes) have visible turned off by default.

Thank you page​

Here you configure the thank you message that you would like to show visitors who have made a donation.

SettingDescription
Thank you typeSelect Embedded to show the thank you content that you define here. Select Custom to use a separate thank you page. For this option, you need to enter the URL for your page in the Thank you URL field.
Thank you titleThe main text at the top of the thank you message.
Title heading typeSets the size of the title text. Heading 1 is largest, heading 5 smallest.
Title font colorUse the color picker to set the title text color.
Thank you textUse the text editor to add a full thank you message for the donor.
Select imageIf you would like to use an image on the embedded thank you page, you can upload it here.

Error​

In addition to the error page that is displayed when something goes wrong with the payment process, you can define here the error messages that appear when a field value is missing or incorrect.

SettingDescription
Required field missing messageIf a required field is not filled in, this message is shown. In the message, __FIELD_LABEL__ is a variable that is replaced with the label of the field missing a value.
Invalid field messageIf field contains an invalid value, this message is shown. In the message, __FIELD_LABEL__ is a variable that is replaced with the label of the field with an invalid value.

Error page​

Here you configure the error message that that is shown visitors who have made a donation, but for some reason (e.g. lost internet connection) the payment could not be processed.

SettingDescription
Error page typeSelect Embedded to show the error content you that you define here. Select Custom to use a separate error page. For this option, you need to enter the URL for your page in the Error Page URL field.
Error page titleThe main text at the top of the thank you message.
Title heading typeSets the size of the title text. Heading 1 is largest, heading 5 smallest.
Title font colorUse the color picker to set the title text color.
Error page textUse the text editor to add a full error message for the donor.
Select imageIf you would like to use an image on the embedded error page, you can upload it here.

Add additional form fields​

Next to the standard fields added by default, you can add your own fields to the form.

Three types of fields can be added:

  • input fields: ask the payer to enter details to store in Salesforce
  • address input fields: a special type of input field that can be mapped to an address field group on Contact (Mailing or Other address) or Account (Billing or Mailing address); custom address fields are not supported.
  • text fields: display a specific text; supports rich text and URLs.

Fields can be added to the following pages of the Payment Form, by pressing the + add x field button in the Fields section of their respective Payment Form setting pages:

  • Amounts & Frequency
  • Personal Details
  • Payment Method (selection)

Fields can be re-ordered by pressing and holding while dragging the hamburger icon in front the field label.

Input fields​

Input fields have the following settings or attributes:

SettingDescription
VisibleIf visible is toggled on, the field is visible to the user as an input field. If visible is toggled off, the field is not visible on the form, but the Default value will be sent to Salesforce
RequiredIf toggled on, the field is a required input field.
LabelLabel shown on the form if Visible is toggled on. Can be customized / translated.
PlaceholderValue shown in the input field box until the user enters a value. Can be used to indicate how to use the field
DefaultDefault value used if no other value is entered. Can also be used to send additional data to Salesforce to be used for further processing by toggling Visible off.
ObjectObject in Salesforce to map the field value to.
FieldField on Object in Salesforce to map the field value to.

Fields can be mapped to Salesforce fields to store the data in your system. You can map fields to fields on objects directly related to FinDock payments: Contact, Account, Installment, Recurring (what object is used depends on your default source connector and Inbound Report. The type of input field - text, phone, email, checkbox, picklist, date - is determined by the Salesforce field it is mapped to.

warning

Do not map input fields to fields like Payment Method & Payment Processor on Installment or the Raw Message field on Inbound Report that are used by FinDock to process payments. This might lead to unexpected behavior.

Special input fields​

Date fields: To make it easy to enter date fields on the payment form, there is a specific user interaction for the Birthday field on Contact. This field is shown as a date picker with a separate input step for day, month and year. By changing the placeholder values, the date picker can be translated. However, the order of the fields cannot be changed.

Date fields other than the Birthday field use a calendar selection pop-out to make it easy to select a certain date.

Merge fields for default values​

Default values for input fields and payment method parameters (text fields) can use merge fields to generate default values. When employing merge fields, you must use the standard Salesforce notation: default-text{!fieldname}

You can find and copy the name of the standard or custom field at the end of the field configuration, as shown below:

Copy field name

For example, the default value Donation from {!firstname} where firstname = "John" returns "Donation from John."

When using merge fields, keep in mind:

  • If the field to be merged (in the example, firstname) is not populated, an empty value is returned (in the example, it would be just β€œDonation from”)
  • If the field to be merged does not actually exist, a non-blocking warning is triggered indicating you are trying to use a merge field which does not exist.

URL query parameters​

You can add fields as URL parameters for Giving Pages page URLs. The query parameters can be used for:

  • Pre-filling fields on the donation form
  • Sending additional (hidden) data to Salesforce

You can use any field as a URL parameter from the Contact, Account, Recurring Donation, Installment and Inbound Report objects. The only exception is birthday, which cannot be pre-filled by query.

Custom form fields that you define in the Page Builder are also available for URL queries. When you have defined a customer field, use the field Id as the parameter name. For instance, in the custom field below the URL parameter would be https://your-domain.com/page-name?custom_JXOxz8n1Wnityju=somevalue.

Custom field for URL parameter query

Here are some further examples for fields and how they cna be used as URL query parameters.

ActionParameter nameExamples
Set single amountsopahttps://url?opa=1;2;3
https://url?opa=1;;99
Set recurring amountsrpahttps://url?rpa=5;10;20
https://url?rpa=6;;100
Set single narrative labelsonlhttps://url?onl=narrative%201;narrative%202;narrative%203
Set recurring narrative labelsrnlhttps://url?rnl=narrative%201;narrative%202;narrative%203
Set default frequencydfhttps://url?df=recurring
https://url?df=onetime

Payment method parameters​

Payment method parameters, such as Description, can also be used as URL query parameters. These use the following construction:

Generic payment method parameter: https://url? + pmp + [payment-method-parameter] + =value For example: https://url?pmp[description]=mydescription

Specific payment method parameter: https://url? + pmp + [payment-method] + [payment-method-apramet] + =value For example: For example: https://url?pmp[ideal][description]=mydescription

All query parameters that you add to the URL are first evaluated by FinDock to check for validity.