Adding a Donation Form, eCards, or Sponsorship Block to a Page

One of the biggest advantages of using LevCharity's Website Builder is that fundraising components connect natively to your live forms — no embed code, no copy-pasting scripts.

Adding a Donation Form

1. In the page editor, click the + button to add an element.
2. Under LevCharity Fundraising Components, drag the Donation Form element onto the page.
3. In the element settings panel on the right, select which donation form to display (choose from your published forms).
4. The form renders live on the page exactly as donors will see it.

The element inherits the form's own branding settings (colors, language, suggested amounts), but you can adjust spacing and layout within the page editor.

Adding an eCards Display

1. Add the eCards Display element from the LevCharity Fundraising Components section.
2. In the settings panel, choose:
   • Layout: columns or grid.
   • Categories to display: show all or filter by specific occasion groups.
   • Number of cards shown per page.
3. The eCards display is fully interactive for the visitor — they can browse, select, and purchase a card without leaving your page.

Adding a Sponsorship Items Block

1. Add the Sponsorship Items element to the page.
2. In settings, select the campaign or form whose sponsorship items you want to display.
3. Visitors can claim a sponsorship item directly from this block.

Keeping Components in Sync

Because these are native components, any changes you make in the Donations, eCards, or Campaigns modules reflect automatically on the page — you don't need to update the page itself. If you add a new suggested amount to a form, it appears on the page immediately after saving the form.

Using the Popup Donation Form

If you prefer not to embed the form inline, you can add a Button element and configure it to open your popup donation form. In the button's Link settings, set the action to Open Donation Popup and select the form. This keeps your page clean while the form stays accessible.