# Embed Javascript HTML on Go Daddy Website

**URL:** <https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635>\
**Category:** Support\
**Created:** [April 23, 2024, 8:24pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635 "2024-04-23T20:24:42Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Samantha](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/samantha/32/409_2.png) [@Samantha](https://community.feathery.io/u/Samantha)\
**Post date:** [April 23, 2024, 8:24pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/1 "2024-04-23T20:24:42Z")

</div>

I’ve copied the Javascript Embed Snippet for my form, and pasted into my GoDaddy Website builder. It doesn’t seem to recognize the HTML code. Am I missing something?

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/feathery/original/1X/9a8444528b155e010b399a97502f199e7246a514.png)

---

<div class="post-metadata">

**Author:** ![kailash](https://avatars.discourse-cdn.com/v4/letter/k/2bfe46/32.png) [@kailash](https://community.feathery.io/u/kailash)\
**Post date:** [April 24, 2024, 2:57pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/2 "2024-04-24T14:57:08Z")

</div>

Hi, @Samantha, I have taken a look at the website, looks like the embed code snippet is removed from the website. Can you add the snippet again? We can take a look at the code and be able to help you out!

---

<div class="post-metadata">

**Author:** ![Samantha](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/samantha/32/409_2.png) [@Samantha](https://community.feathery.io/u/Samantha)\
**Post date:** [April 29, 2024, 8:40pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/3 "2024-04-29T20:40:20Z")

</div>

Here’s the website with the snippet embedded:

> **[www.ChasingNeverlandTravel.com](https://chasingneverlandtravel.com/free-quote)**
>
> Let's book the vacation of your dreams!

---

<div class="post-metadata">

**Author:** ![Samantha](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/samantha/32/409_2.png) [@Samantha](https://community.feathery.io/u/Samantha)\
**Post date:** [May 13, 2024, 3:35pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/4 "2024-05-13T15:35:02Z")

</div>

Have you had a chance to look at the embed code snippet? I still don’t see it working on our end.

---

<div class="post-metadata">

**Author:** ![kailash](https://avatars.discourse-cdn.com/v4/letter/k/2bfe46/32.png) [@kailash](https://community.feathery.io/u/kailash)\
**Post date:** [May 15, 2024, 10:21am UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/5 "2024-05-15T10:21:58Z")

</div>

Hi @Samantha , I have taken your webpage HTML code and tested it locally. The issue with the current HTML code is, the feathery related code snippet is included as a srcDoc in an iFrame. This had caused the content to be encoded, which inturn caused the form to not render.

I have updated the code locally and the form worked as expected.

Here are the changes at high level:

1. Have the feathery script included in the `<head>` section of your webpage:

```auto
<script src="https://cdn.jsdelivr.net/npm/@feathery/react@latest/umd/index.js"></script>

```

1. Add the `<div>` (in which the form will be loaded) to the body. Ensure it is NOT converted to HTML encoded text like ` &lt;div&gt;`:

```auto
<div id='container'></div>

```

I have added this div right after `FREE Vacation Consultation` in the HTML code.

1. Add the script with feathery init and renderAt function calls after the entire HTML page content is finished:

```auto
<script>
        (() => {
            Feathery.init("Your API Key")
            Feathery.renderAt("container", { formName: "Name" });
        })();
        </script>

```

Please let me know if you are still facing the error.

---

<div class="post-metadata">

**Author:** ![Samantha](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/samantha/32/409_2.png) [@Samantha](https://community.feathery.io/u/Samantha)\
**Post date:** [May 15, 2024, 4:16pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/6 "2024-05-15T16:16:18Z")

</div>

I’m feeling so technologically challenged.  
This is what I put in the “custom code” box:

```auto
<script src="https://cdn.jsdelivr.net/npm/@feathery/react@latest/umd/index.js"></script>
    <div id='container'></div>
   <script>
        (() => {
            Feathery.init("Your API Key")
            Feathery.renderAt("container", { formName: "Name" });
        })();
        </script>

```

It still doesn’t seem to be populating anything.

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/feathery/original/1X/21a2dc3bd085bd31d8a9b872ed321889f4b39ceb.png)

---

<div class="post-metadata">

**Author:** ![kailash](https://avatars.discourse-cdn.com/v4/letter/k/2bfe46/32.png) [@kailash](https://community.feathery.io/u/kailash)\
**Post date:** [May 15, 2024, 4:20pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/7 "2024-05-15T16:20:08Z")

</div>

Hi @Samantha , Is there any such option to add custom code to `head` section? If you see, this custom code is being added to the `<body>` section of your website.

---

<div class="post-metadata">

**Author:** ![Samantha](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/samantha/32/409_2.png) [@Samantha](https://community.feathery.io/u/Samantha)\
**Post date:** [May 15, 2024, 4:38pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/8 "2024-05-15T16:38:39Z")

</div>

Nope, not that I can see, which very well be why this just won’t work!

---

<div class="post-metadata">

**Author:** ![kailash](https://avatars.discourse-cdn.com/v4/letter/k/2bfe46/32.png) [@kailash](https://community.feathery.io/u/kailash)\
**Post date:** [May 19, 2024, 1:44pm UTC](https://community.feathery.io/t/embed-javascript-html-on-go-daddy-website/635/9 "2024-05-19T13:44:50Z")

</div>

Hi @Samantha , I have tried creating a website using the godaddy’s website builder. It is converting the code in such a way that the rendering is not happening as expected. I will see if we have any other custom element to add and get the code to a working state, but for now, you can use the following code and add the form to your website.:

```auto
<iframe src="https://feathery.io/to/your-form-id" width="100%" height="500px" style="border:none;"></iframe>

```

Feel free to modify the height value to ensure there is not scrolling with in the page again.

Hope this helps you load the form directly in your website!