Skip to content
Contact us
  • There are no suggestions because the search field is empty.

Embed Forms & Buttons

You can create compact donation forms for your online fundraiser or giving pages and embed them within your website. These forms can appear as a Donate button that opens the donation form or as an inline form displayed within your webpage content.

These compact options are in addition to the other embed options on your campaigns where you can embed the full campaign landing page as well as the full check out page within your website already.

  • When the embed forms option is available on your campaign, you will see the "Embed Forms" tab on your Edit Giving Page page as shown below.

Screenshot 2024-08-02 at 3.18.45 PM

  • At this point, you can create one or more embeddable forms.  The options are as follows:
    • Pop up: this type of form is typically used for embedding your form as a pop up window on your website. You would typically have your own Donate Now button your website and by following the embed instructions on this form, you can have your button activate and display this pop up form on your website.
    • Inline: this type of form is typically embedded directly into your web page content area, so the user would not need to click a Donate button, they would just see the form within your web page.

Screenshot 2024-08-02 at 3.19.19 PM

Example pop up form

  • Shown when user clicks your Donate button on your website.

mceclip2-May-21-2024-10-23-14-7583-PM

Example inline form

  • Shown within your web page content

mceclip3-May-21-2024-10-23-34-3028-PM

Configure Form

  • Below configuration options capture both pop up and inline forms. (Inline forms do not show the left half of the form where the image, title and description is displayed.
  • If you embed an inline form into your web page, you can provide any additional content within your page as you see fit).

mceclip4-May-21-2024-10-23-52-0054-PM

 

Embedding a Form on Your Website

Pop-up Form

In order to embed this form on your website, please follow the steps below:

  • Include the following link on your page header. This script is necessary to automatically activate your donate button to trigger this form as pop up.
    <script src="https://betterunite.com/embedinclude"></script>
  • On your web page, add your donate button or modify existing button and simply provide the href attribute with your embed code in the following format: #bnte_p_YOUREMBEDCODE.
    For example: <a href="#bnte_p_YOUREMBEDCODE">Donate</<a>

Inline Form

In order to embed this form on your website, please follow the steps below:

  • Include the following link on your page header. This script is necessary to automatically display your inline form on your page.
    <script src="https://betterunite.com/embedinclude"></script>
  • On your web page, add a section or area, typically denoted by a div tag and simply provide the href attribute with your embed code in the following format: #bnte_i_YOUREMBEDCODE. The inline form will be populated within this area on your page. Make sure you provide enough size to display the full form.
    For example: <div href="#bnte_i_YOUREMBEDCODE"></div>

Need Additional Help?

We're here to assist you in any way we can. Don't hesitate to reach out to support@betterunite.com

Let's go do some good.