Skip to main content

Embedding forms

How do I embed a form on my website?

Written by Raagini Sarkar

Forms allow you to embed fully customized, mobile-friendly checkout experiences—whether for donations or ticket purchases—directly onto your website.

Each form is tied to a specific Campaign or Event, ensuring all transactions are properly tracked, reported, and attributed within your platform.

Creating a Form

To get started:

  1. Navigate to the Forms tab in your dashboard

  2. Click + Create New (top right)

  3. Enter a Form Name and click Create

You’ll then land on the form configuration page, where you’ll define how your form behaves and appears.

Configuring Your Form

Before embedding, it’s important to fully configure your form:

1. Select a Campaign or Event (Designation)

Use the Designation search bar to select the Campaign or Event this form will be associated with.

  • Start typing to search and select from existing campaigns or events

  • This determines where funds, tickets, and reporting data will be applied

  • Example:

    • Donation form → linked to a fundraising campaign

    • Ticket purchase form → linked to an event

2. Choose a Form Type

Select the type of experience you want to create:

  • Donation → for standard giving forms

  • Ticket Purchase → for event registrations and ticket sales

This choice controls what the end user sees (e.g., donation amounts vs. ticket selection).

3. Toggle Form Elements

Admins can control what appears on the form using simple toggles:

  • Show Form Content

  • Show Goal Bar

  • Show Title

  • Show Recent Donations

  • Show Top Donors

This allows you to tailor the experience—from minimal and clean to highly social and dynamic.

4. Customize Styling & Branding

You can align the form with your brand in multiple ways:

  • Custom Font

    • Add a Stylesheet URL, or

    • Upload your own font files

  • Embed Styling

    • Modify container styles within the embed code (padding, border radius, etc.)

5. Additional Configuration Options

Admins also have access to:

  • Internal Codes
    Assign internal tracking codes for reporting or segmentation

  • SEO Settings
    Customize how the form appears when shared:

    • Title

    • Preview image

Example Form Types

Donation Form Example

  • One-time or recurring giving options

  • Preset donation amounts

  • Optional donor actions (anonymous giving, giving on behalf of an organization)

Ticket Purchase Form Example

  • Event-specific ticket selection

  • Optional add-on donations

  • Promo code entry

  • Purchase total and checkout flow

Embed Instructions

Once your form is configured:

  1. Navigate to the Embed Instructions section

  2. Click Copy Instructions

Embedding on Your Website

Paste this code into your website wherever you want the form to appear.

Goodworld forms work seamlessly with:

  • Wordpress

  • WIX

  • Squarespace

  • Other CMS platforms

Below are Step by Step instructions for embedding a Goodworld form on a Wordpress-powered website. Similar steps are followed on other popular CMS providers.

Wordpress is one of the preferred choices when it comes to choosing a website builder. And for good reason, too! It’s so simple to build a world-class website using their platform. And, the customizable options are practically endless.

Steps to Embed Goodworld Form on Wordpress

Step 1

In the Forms tab, create a new form or click a previously created form. From there, simply copy the code (click the Copy Instructions button). Here is a sample of what the instructions look generally look like.

Step 2

Go to your Wordpress page editor of the page in which you wish to insert your form.

Wordpress has recently released a new page editor, which some sites are already using. Whether you choose the old or new editor, here’s how to add the embed code to your page.

  • 2.1 - Old Editor

    Make sure you are on the text editor (not the visual editor). Paste the donation form embed code in the area that you want the form to appear. Publish your post when you are done!

  • 2.2 - New Editor

    Make sure you’re viewing the page using the block editor. Click the + sign to add a block for the donation widget, selecting ‘Custom HTML’

Step 3

Paste the embed code snippet you copied from the Goodworld dashboard into the text box.

Step 4

For a preview of how the form will appear on your page, you can click Preview.

Step 5

Finally, Publish or Save the post and let the games begin!

Best Practices

  • Always confirm your Designation first
    (This ensures transactions are routed correctly)

  • Match form type to intent
    Donation vs. Ticket Purchase drives the entire experience

  • Preview before publishing
    Especially when using custom fonts or styling

  • Keep it simple
    Toggle off elements if you want a cleaner conversion-focused form

If you have questions about Embedding Forms, schedule a support call with our success team.

Did this answer your question?