Embed Javascript HTML on Go Daddy Website

Support
1

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
image1920×912 49.7 KB

2

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!

3

Here’s the website with the snippet embedded:

4

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

5

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:
<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;:
<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:
<script>
        (() => {
            Feathery.init("Your API Key")
            Feathery.renderAt("container", { formName: "Name" });
        })();
        </script>

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

6

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

<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
image1905×901 53.3 KB

7

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.

8

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

9

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.:

<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!