Payment Page

To create a page where people can buy products or services, you can create a payment page for them.

Setup Custom Donation Fields

Create the following custom donation fields:

• quantity [number]
• unit_price [number]
• product_name [text]

Setup the product page

Create a donation_v2 page, and add the tag page_payment.

• Set “Donation frequency” to “One time”
• Add the custom receipt Autoresponse as below
• Set pricing
  • FOR ONE PRICE OPTION: Check Accept multiple amounts, and add the price in the textbox.
  • FOR MULTIPLE PRICE OPTIONS
    • Check Accept multiple amounts
    • Add tag “prices:<option1_name>=<option1_price>|<option2_name>=<option2_price>|..."
      Eg. “prices:Private Sector or Govt.=35|Not Private Sector or Govt.=25” [optional] Customise “quantity” label Add tag “quantity_label:Participants” or “quantity_label:Course attendees”
• [optional] Customise “quantity” label Add tag “quantity_label:Participants” or “quantity_label:Course attendees”

Add the product page to a listing

Add a card to a card set (e.g. resources blog)

• Add blog post with what you want to show on the card
• Add tag to link to the donation page you created above: page_redirect_link:URL

FOR DEVS ONLY:

Edit templates (if not in public theme already)

You’ll need to edit:

• _z_pages_show_donation_v2_wide_form.html (see GROUNDWORK theme)
• autoresponse_donation_thank_you.html (see GROUNDWORK theme)

And add:

• _z_donation-payment.js (see GROUNDWORK theme)