---
title: "Give Donation Widgets for Elementor"
source: "https://docs.nexcess.com/software/give/give-donation-widgets-for-elementor/"
description: "Overview Give comes with some built-in widgets for Elementor that allow site builders to add donation forms and fundraising elements directly within the Element…"
vertical: "Software"
area: "Give"
date: "2026-01-23"
last_modified: "2026-07-02"
---

# Give Donation Widgets for Elementor

## **Overview**

Give comes with some built-in widgets for Elementor that allow site builders to add donation forms and fundraising elements directly within the Elementor page builder. These widgets make it simple to place donation forms, goal progress, and donor engagement blocks anywhere on a page without touching shortcodes or custom HTML.

This feature helps nonprofits design donation pages that match their site’s branding while improving the visibility of key giving components.

## **Available Widgets**

The Give integration includes several ready-to-use Elementor widgets:

- **Donation Form** – Displays a complete Give form.
- **Form Grid** – Shows multiple forms in a grid layout.
- **Donor Wall** – Displays a list of recent donors.
- **Campaign** – Displays a complete Give Campaign.
- **Campaign Grid** – Displays multiple campaigns in a grid layout.
- **Campaign Stats** – Displays the average donation or top donation from a campaign.
- **Campaign Goal** – Displays the donation goal and progress from a campaign.
- **Campaign Donors** – Displays a list of top or recent donors from a campaign.
- **Campaign Donations** – Displays a list of top or recent donations from a campaign.
- **Campaign Comments** – Displays a list of recent comments from a campaign.

Some widgets include layout and style controls right inside Elementor.

## **Before You Begin**

Make sure the following items are set up:

- The **Give Core plugin** is installed and activated.
- **Elementor** is installed and activated.
- The site has no caching plugin settings that block dynamic content.

## **How to Add a Give Widget in Elementor**

1. Open the page in **Elementor**.
2. Search for “Give” in the widget panel.
3. Drag the desired widget onto the page.
4. Select the form or element to display using the widget’s **Content** settings, if applicable.
5. Adjust colors, spacing, and layout options in the **Style** and **Advanced** tabs.
6. Click **Update** to publish the changes.

## **Widget Details**

### **Donation Form**

Shows a complete Give donation form within the page design.  
Supports:

Display Style: On-page, Modal, New Tab

- **On-page** displays the full form.
- **Modal** displays a button that opens the form in a modal window.
- **New Tab** displays a button that opens the form in a new tab.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-donation-form-widget-1-1024x569-1.png)### **Form Grid**

Displays several forms at once with optional excerpts, featured images, and donation goal progress.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-donation-form-grid-widget-1024x694-1.png)### **Donor Wall**

Shows recent donor names, messages, and amounts.  
Useful for community fundraising and peer support campaigns.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-donor-wall-widget-1024x680-1.png)### **Campaign**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-widget-1024x673-1.png)### **Campaign Grid**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-grid-1024x655-1.png)### **Campaign Stats**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-stats-widget-1-1024x317-1.png)### **Campaign Goal**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-goal-widget-1024x194-1.png)### **Campaign Donors**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-donors-widget-1024x495-1.png)### **Campaign Donations**

![](https://docs.nexcess.com/wp-content/uploads/2026/06/givewp-campaign-donations-widget-1024x577-1.png)