Troubleshoot embedded donation forms
In this article, you’ll find common issues you may encounter with embedded donation forms and steps to resolve them.
Error: We can’t seem to find that page
This error message likely means your campaign isn’t published.
To publish your campaign:
- Go to the campaign’s designer
- Select Publish in the header to make the form live
Error: GoFundMe Pro refused to connect
This error usually indicates that your website’s domain is not safelisted. To display the donation form, you need to safelist each domain where the form will appear, including test sites, preview pages, and sandbox environments.
Do
- https://yournonprofit.org
Don’t
- https://yournonprofit.org/
- https://yournonprofit.org/about
To safelist your site:
- Go to your campaign’s designer
- Select the Settings tab
- Choose Install
- Under Safelisted domains, add the URL of each site where you plan to display the form
- Select Update in the header to push through the changes
Trouble linking a donate button
If your website builder doesn’t let you link to a parameter, you can add the parameter to your site’s URL instead. For example, www.example.com/?campaign=12345.
The button’s anchor tag (<a>) needs an href attribute pointing to the campaign. The embed will fail to load if the script crawls the page and does not find an href containing ?campaign=.
Remove scrollbars on inline forms
If your inline form has scrollbars, the code block holding your form is too small. Increasing the block's width and height often removes the scrollbars.
Note: The inline donation grid fills the full width of the block it’s placed in. To keep it narrower on wide pages, set a maximum width on the block that holds the form (e.g., 480px to 600px). The grid needs at least 345px of width to display without a scrollbar, so make sure the block is at least 345px wide.
Code placement impacts layout
If placing the embed code impacts your page layout, then make sure the form has enough space to load completely.
Our Care team cannot give placement recommendations because this can vary from site to site, depending on HTML and CSS configurations. Please reach out to your web developer for more support.
Using legacy code
If you've previously created a legacy embedded form, you cannot use the same code for a new form in Embedded Studio. The code cannot be merged.