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?