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)