Launching Fundraise Up Checkout modal on page load

Prerequisites

• Fundraise Up installation code must be present on your page.
• Checkout modal must be enabled in your campaign settings.

Using URL parameters

The simplest way to open the Checkout modal on page load is by using URL parameters. This method works on any page of your website where the Fundraise Up installation code is present, not just the homepage. The form parameter can be set to either the campaign ID or a custom name (friendly URL value) for the campaign. You can share this URL directly with supporters or create a link or button that redirects to this URL, automatically opening the Checkout modal.

Campaign ID method

Structure your URL as follows:

1https://yourwebsite.org/any-page/?form=FUNXXXXX
2https://yourwebsite.org/?form=FUNXXXXX

Replace FUNXXXXX with your actual campaign ID and any-page with the specific page URL where you want the modal to open.

Custom name method

If you've set a custom Campaign URL for your campaign, replace FUNXXXXX from the previous examples with your custom campaign name.

1https://yourwebsite.org/any-page/?form=custom-campaign-name
2https://yourwebsite.org/?form=custom-campaign-name

Using Fundraise Up Elements

Fundraise Up Elements offer another approach to trigger the Checkout modal:

1. Create a Donate Link element in your Fundraise Up dashboard.
2. Specify the URL where you want the Checkout modal to open.
3. The generated link will lead donors to the specified page with the Checkout modal opened.

Using the JavaScript API method

For more advanced control, you can use the JavaScript API method to open the Checkout modal programmatically:

1FundraiseUp.openCheckout('FUNXXXXX'); // Replace with your campaign ID

This method allows you to open the Checkout modal based on specific events or user interactions.