GiveWP Integration

You can integrate your GiveWP donation form with your app using our ap-form component.

It allows app users to add their email, and optionally an amount, then it redirects them to your website to finish the donation.

Note: Apple requires that you link out to your website via Safari to perform donations, you are not allowed to accept donations in app.

Example:

Setup

1. Install and configure GiveWP

Install GiveWP on your website and add a donation form.

Make sure your form has custom amounts enabled:

Copy the url of that donation form, for example https://mysite.com/donations/my-campaign

2. Add the donation form in your app

Go to your app customizer on myapppresser.com, and add a new custom page. 

Choose custom HTML, and add the code below. The only thing that is required is the ap-form component, change the url to your donation form.

<div padding align="center">
<h2 class="red-text">Online Giving</h2>

<p style="font-size:1.6rem;line-height:1.4;margin-bottom:0">Donate today and help us to further our cause in your commmunity.</p>
</div>

<ap-form url="https://mysite.com/donations/donate/" amount="true"></ap-form>

<div padding>
  <p>You can also text your donation to (555) 867-5309</p>
<p>Donation checks can be sent to:</p>

<p>123 Zena<br>
Suite H<br>
Mission Viejo, CA 92691</p>

<small>Our ministry is a 501(c)(3) organization. Donations are deductible as charitable contributions for federal income tax purposes.</small>
</div>

3. Code to auto-fill donation form

The form above that you added to your app links out to your website with the user email and donation amount in url parameters. 

You need to add some code that will auto-fill the donation form. To do that, install and activate this plugin.

4. Rebuild your app and test

Visit the build/test tab, rebuild your app, and test your form.