Add HTML or custom code to my site

New Website Builder lets you add your own code (HTML, CSS, and JavaScript) to your website. This allows you to extend the capabilities of your site with such things as custom forms, maps, and special-function buttons — to name only a few options.

Note: Embedding code can affect how your entire site functions, so use this only if you're comfortable hand coding. See Code guidelines and limitations below.

  1. Log in to your GoDaddy account and open New Website Builder. (Need help opening your product?)
  2. Click Edit/Edit Site.
  3. Scroll in the main view of your site to where you want to add a section, and click the green plus
    Click green plus button
  4. Scroll to bottom of the Add Section panel and click Show More.
  5. Click the HTML pane.
    click HTML pane
  6. Click a layout in the HTML panel and you'll see a Section Added confirmation.
  7. Click the HTML panel to begin customizing its settings.
    Your change appears in main window
  8. Enter a name in the Section Title field.
  9. Enter or paste the code you want to use in the Custom Code field. In the example, we've added HTML for a TripAdvisor widget.
    Enter or paste code in Custom Code field
  10. You can leave the Forced Height field blank or adjust the pixel height to larger or smaller. (Smaller will create a scrollable box for the item.)
  11. When you're finished, click the or Done at the top of the HTML panel and your main window displays the results.
    Main window displays new code section
  12. Your changes are saved automatically so when you're finished, click Preview to see the results.
  13. When you're done, click Publish Site (mobile phone) or Publish (desktop/tablet).

    Note: If you change your mind later on, re-open the HTML panel and click Remove Section at the bottom.

More info

  • Add blog feed to my website
  • Add restaurant reservation with OpenTable
  • Code guidelines and limitations
    • Use HTTPS instead of HTTP. (Support for HTTP is not guaranteed.)
    • When a embedding link, set its target attribute to "_blank" so it opens a new tab or window.
    • When embedding plain text or a URL, wrap it in HTML tags.
    • The responsiveness of the HTML widget depends on the code being embedded. Since the embed is placed inside of an iframe, the widget may not be responsive even if the original content is.
    • For embedded content that changes height as the user interacts with it, we recommend forcing the height to a value that can accommodate these changes.
    • Placing a Google AdSense snippet inside of an iframe violates Google's policy and is not supported. Instead, see Add Google AdSense to my website.
    • Use the most recent version of your browser. Use Chrome for the best experience. In Internet Explorer, Microsoft Edge, and Opera Mini, the HTML preview will sometimes break when the embed changes. If this occurs, refresh the page to see your changes or switch to another browser.

Was This Article Helpful?
Thanks for your feedback. To speak with a customer service representative, please use the support phone number or chat option above.
Glad we helped! Anything more we can do for you?
Sorry about that. Tell us what was confusing or why the solution didn’t solve your problem.