Website Embeds & Widgets

Using the Zeffy WordPress Donate Button Plugin

The Zeffy WordPress plugin allows you to:

  • Embed a Zeffy campaign directly on a page

  • Add a Donate button that opens your campaign in a pop-up

Video walkthrough

Watch the full setup tutorial here.

Before you begin:

You'll need:

  • A Zeffy account

  • A Zeffy campaign (donation form, event, membership form, or another campaign type)

  • Admin access to your WordPress website

1
  1. Log in to your Zeffy account.

  2. Navigate to Campaigns and find the campaign you want to share.

  3. Click the three dots (โ‹ฏ) to the right of the campaign.

  4. Select Share.

  5. In the sharing pop-up, click Copy link. The campaign URL is now copied to your clipboard

2

Install the Zeffy plugin on WordPress

  1. In WordPress, go to Plugins โ†’ Add New

  2. Search for โ€œZeffyโ€

  3. Click ยซInstalland Activateยป

Plugin listing: https://wordpress.org/plugins/zeffy-donate-button/

3

Connect the plugin to your Zeffy campaign URL

  1. In WordPress, go to Settings โ†’ Zeffy

  2. Paste your full Zeffy campaign URL into the Campaign URL field
    Example format: https://www.zeffy.com/en-US/donation-form/your-campaign-id

  3. Click Save Changes

Important: The shortcodes below will use this saved Campaign URL by default.

4

Add Your Campaign to a Page

Option A: Embed the Full Campaign

Open the page or post where you'd like your campaign to appear and add one of the following shortcodes.

Use: [zeffy-donate]

This displays your campaign directly on the page as an embedded form.

Option B: Add a Donate Button

Use:[zeffy-donate-button]

This displays a button that opens your campaign in a pop-up when clicked.

5

(Optional) Customize the Embedded Campaign

The [zeffy-donate] shortcode supports the following settings:

Width and Height

  • Default: 700 ร— 1000

  • Example:[zeffy-donate width=800 height=1200]

Full Width

  • Default: false

  • Example:[zeffy-donate fullwidth=true]

Alignment

  • Options: left, center, right

  • Default: center

  • Example:[zeffy-donate align=left]

Campaign URL Override

  • Use a different campaign URL on a specific page.

  • Example:[zeffy-donate url="https://www.zeffy.com/en-US/donation-form/xyz789"]

6

(Optional) Customize the Donate Button

The [zeffy-donate-button] shortcode supports the following settings:

Button Text

  • Default: Donate Now

  • Example:[zeffy-donate-button text="Support Us"]

Button Background Color

Default: #007bff

Example:[zeffy-donate-button bg-color="#28a745"]

Button Text Color

  • Default: #ffffff

  • Example:[zeffy-donate-button text-color="#000000"]

Campaign URL Override

  • Use a different campaign URL for a specific button.

  • Example:[zeffy-donate-button url="https://www.zeffy.com/en-US/donation-form/xyz789"]

7

Publish and test

Publish or update your page in wordpress

Was this helpful?