.webp)
How to Embed a DonorDock Form on Your Website
DonorDock Online Giving Forms can be embedded into DonorDock with just one simple line of code.
Step 1: Get Your Widget Code From DonorDock
DonorDock adds your donation form to your website with a widget that you can add by copying a few lines of code into your website. Here's how you get the code that you'll paste into your website:
- 1. Navigate to the Giving Pages area at Fundraising -> Giving Pages.
- 2. Create a giving page, or click to edit an existing giving page.
- 3. Set up your giving page, or make any needed adjustments.
- 4. Scroll to the bottom of the page and copy the iFrame embed code.
Step 2: Embed your widget on your website
The Process for Embedding your online giving page differs based on your website provider, but here are a few guides
- Embedding your widget on a Wix site
- Embedding your widget on Squarespace
- Embedding your widget into a Webflow website
3 Examples of Custom Donation Pages With DonorDock
DonorDock provides easy custom donation pages for nonprofits that you can link to your website in just a few minutes. But if you're looking for a custom embed that exactly matches your website style, DonorDock has you covered for that too. Here are a few examples of embedded DonorDock forms on a website we built for a fictional library. (FYI, if you're in need of a new website, we build modern nonprofit websites too 😎.)
Example Donation Page #1 - Provide Additional Information
Visit Page
Use a custom embed of a DonorDock donation form to add additional giving options to our giving page. In this example, DonorDock allows you to create an online giving page for your nonprofit that includes additional options to give. Using DonorDock's embeddable forms, you can easily add an online giving form directly to your website. The best part is, all that online giving information will still be automatically tracked back to DonorDock.
Example Giving Page #2 - Eliminate Distractions
Visit Page
You can use a DonorDock embed to create a simple distraction free online giving page that includes your website's header and footer, and matches your overall look and feel. Here's one example of an ultra minimalist page designed to keep the donor's focus on their giving.
Example #3 - Link A Page Built in DonorDock
Visit Page
Some nonprofit organizations want a fully customized online donation page, and that is great. If you don't need a custom solution, you can create beautiful, effective donation pages in DonorDock without having to build anything on your website. You don't have to create your own custom page, because DonorDock has an online giving builder directly in the product. Here's an example of a donation page that could be linked directly to your website without a single line of code.
