# Donations In Elements?

**URL:** <https://forums.realmacsoftware.com/t/donations-in-elements/48060>\
**Category:** Elements\
**Created:** [June 15, 2025, 11:29pm UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060 "2025-06-15T23:29:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![BHCP](https://avatars.discourse-cdn.com/v4/letter/b/a6a055/32.png) [@BHCP](https://forums.realmacsoftware.com/u/BHCP)\
**Post date:** [June 15, 2025, 11:29pm UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060/1 "2025-06-15T23:29:36Z")

</div>

I am no longer using RapidWeaver. I am using Elements.  
I found HTML coding for Elements, yet, am unable to find where I input the HTML" [https://codepen.io/fundocs/pen/ZERMzKo](https://codepen.io/fundocs/pen/ZERMzKo)

I really wish that they would stick to the same names of icons, and their uses, no need to change the names, it just makes it more confusing.

Where is the DEMO to learn to add a DONATION INTO ELEMENTS?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 16, 2025, 3:50am UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060/2 "2025-06-16T03:50:47Z")

</div>

@BHCP

assume you mean this

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 16, 2025, 6:53am UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060/3 "2025-06-16T06:53:56Z")

</div>

Hi @BHCP,

As Steve mentioned, using a **Custom Component** is the best approach for your Donation Form.

I noticed your CodePen includes both JavaScript and CSS — the simplest way to include that in Elements is by using an `@portal(headEnd)` statement. This places your scripts and styles into the `<head>` of the page automatically.

Below that, just drop in your HTML as usual.

I’ve uploaded a sample project to Elements Cloud for you. You can use it as a starting point or copy the Custom Component into your own project.

📦 [Download the Sample Project](elementsapp://downloadDocument/ZAPAt9m2ZH14)

Hope that helps! Let me know if you have any questions 😊

 ![CleanShot 2025-06-16 at 08.42.46@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/0/10f31de47e4df6a8603903bdd22eb3150101bc32.jpeg)

 ![CleanShot 2025-06-16 at 08.43.23@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/f/ff74bf9c2d036e81527d8a87e0acc8b0ca573d9e.jpeg)

---

<div class="post-metadata">

**Author:** ![BHCP](https://avatars.discourse-cdn.com/v4/letter/b/a6a055/32.png) [@BHCP](https://forums.realmacsoftware.com/u/BHCP)\
**Post date:** [June 19, 2025, 10:04pm UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060/4 "2025-06-19T22:04:25Z")

</div>

We have reviewed this, but don’t want a new page, we want to add this to a current page asking for contribution to our event.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [June 19, 2025, 10:07pm UTC](https://forums.realmacsoftware.com/t/donations-in-elements/48060/5 "2025-06-19T22:07:50Z")

</div>

You can add the custom component to any page you like, doesn’t need to be on a new page 😊