# The code added through the builder(Code Edit mode) for form is not working

**URL:** https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132
**Category:** Development
**Tags:** community, discussion, development
**Created:** [December 6, 2023, 11:45am UTC](https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132 "2023-12-06T11:45:48Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![ebg-discuss](https://avatars.discourse-cdn.com/v4/letter/e/0ea827/32.png) [@ebg-discuss](https://forum.mautic.org/u/ebg-discuss)
#### Post date: [December 6, 2023, 11:45am UTC](https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132/1 "2023-12-06T11:45:48Z")

</div>

Hi everyone,

I embedded the form using this `{form=id}`, and the form is added and is working as expected, But as the style of the form button was not as expected, so I wanted to change it, and for that I added the button styling code through the `Code Edit` mode in the builder, but nothing style changes are reflected.

Why is that so, am I doing something wrong? If yes, what the correct way? And if no, what piece am I missing. Please provide me some solutions. Thank you in advance 😊

---

<div class="post-metadata">

### Author: ![ebg-discuss](https://avatars.discourse-cdn.com/v4/letter/e/0ea827/32.png) [@ebg-discuss](https://forum.mautic.org/u/ebg-discuss)
#### Post date: [December 12, 2023, 11:29am UTC](https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132/2 "2023-12-12T11:29:09Z")

</div>

Can anyone please help me to figure out the solution? It would be great help for me. Thank you 😊

---

<div class="post-metadata">

### Author: ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)
#### Post date: [December 16, 2023, 9:09am UTC](https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132/3 "2023-12-16T09:09:09Z")

</div>

Hi, you can add the javascript to the page’s footer or header:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/1/16080f4a3fa05c42006201740f363062a706cfe1.png)

---

<div class="post-metadata">

### Author: ![mihatzilic](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mihatzilic/32/13296_2.png) [@mihatzilic](https://forum.mautic.org/u/mihatzilic)
#### Post date: [April 2, 2025, 1:50pm UTC](https://forum.mautic.org/t/the-code-added-through-the-builder-code-edit-mode-for-form-is-not-working/30132/4 "2025-04-02T13:50:03Z")

</div>

Hi ebg-discuss,

The best way to display your form anywhere you want (any website, landing page or in local machine) is to use a **manual copy** method where you will see 2 parts of codes - first copy and paste upper part taht begins with **script tag…** , then immediately second part below where begins with **…** and you can very easily change styles inside this whole code you copied.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/b/bc62bfacf92d08056ec2cf38b9aa1963290c1905.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/3/3351917a5c486e0096430e031b4abe6af01c9225.png)

In this second part - here is style of a form of all elements, be free to edit it.