How to Add HTML Code to a GoDaddy Site (the Right Section)

There are only so many jobs GoDaddy's stock sections can do, and the day you need a booking calendar, a live map, or a third-party widget is the day you need to add HTML to a GoDaddy website. The builder supports this — but the control is easy to miss, it sits behind a paid plan, and pasting code into the wrong place wastes an afternoon. This procedure covers the right section, start to finish.

First, a quick orientation. Websites + Marketing — the current name for GoDaddy's builder — is section-based: every page is a stack of pre-built sections, and custom code is no exception to that rule. There is no open canvas to drop a script onto. Instead, you add a dedicated HTML section at the exact spot where the embed should appear, and the builder renders whatever you paste inside it. Once that model clicks, the rest is routine.

When does this procedure earn its keep? The common cases are a reservation widget from a scheduling service, an embedded map with custom pins, a mailing-list signup from your email platform, a review carousel, or a payment button from a processor the builder doesn't integrate. If a service hands you a snippet and says "paste this into your site," this is the page that shows you where.

Prerequisites

• A paid Websites + Marketing plan. The Free tier does not include custom code — that limitation is documented, and there is no workaround inside the builder.
• Clarity on which paid tier, with a caveat: GoDaddy's help material doesn't gate the HTML section by tier, so at the time of checking the sensible assumption is that any paid plan includes it. If you're still on Free, compare the current GoDaddy plans before you commit to a workaround that doesn't exist.
• The final embed code from your widget provider, copied and ready. You want the snippet itself, not a screenshot of it.
• Editor access to the site, plus five spare minutes to verify the live page after publishing.

Procedure: add the HTML section

The path below follows GoDaddy's documented flow. If your editor looks slightly different, don't improvise — the sequence holds even when labels shift a little between updates.

1. Sign in to your GoDaddy account and open My Products.
2. Expand Websites + Marketing and select Manage next to the site you're working on.
3. Select Edit Website to open the editor.
4. Navigate to the page — and the position on the page — where the embed should sit.
5. Add a section at that spot.
6. In the section search box, search "HTML" and select Add.
7. Paste your snippet into the Custom Code field.
8. Adjust the section's title, accent color, and alignment if the embed calls for them — all three are adjustable on the HTML section.
9. Preview the page, then Publish. Nothing in the editor reaches visitors until you publish.

CAUTION: everything in the Custom Code field executes on your live page. A malformed script can blank the section or wreck the layout around it, and an untrusted one can do worse to your visitors. Paste code only from providers you trust, and check the published page immediately afterward. If an embed breaks something, Settings → Site History will roll the site back.

What actually works in the HTML section

The section accepts HTML, CSS, and JavaScript, which covers most of what site owners genuinely need:

• Iframes — Google Maps, booking calendars, video players, ticket widgets, and third-party forms all embed cleanly this way.
• Script embeds — chat bubbles, review feeds, social walls, and similar widgets that inject themselves onto the page.
• Plain markup — a comparison table, a styled notice, or a custom button the builder's stock sections won't produce.

One category deliberately does not belong here: analytics and advertising pixels. Google Analytics, the Facebook pixel, the Pinterest tag, and AdSense all connect through the editor's Settings area instead — no code section required — and they fire sitewide rather than on a single page. Pasting a pixel into an HTML section is the classic wrong move; wire it up in Settings and it just works.

Sizing and mobile checks

The builder keeps the section itself responsive, but whatever you paste inside is your responsibility. Two habits prevent most problems. First, prefer percentage widths: an iframe set to width 100 percent shrinks politely on phones, while one fixed at 800 pixels overflows or gets clipped. Second, treat fixed heights with suspicion — a tall embed squeezed into a short frame scrolls awkwardly on small screens.

After publishing, test the page on an actual phone, not just a narrowed desktop window — mobile browsers handle embedded scripts differently than a resized viewport does. If your provider offers a responsive embed variant, take it every time; it saves you from maintaining two sets of dimensions by hand.

Variations and edge cases

• Multiple embeds on one page: use one HTML section per embed. Separate sections can be reordered independently, and a failure in one won't take the others down with it.
• Editing an embed later: select the section, update the Custom Code field, and republish. Swapping providers is the same operation with a new snippet.
• Moving an embed: sections can be repositioned on the page, so relocating a widget doesn't mean rebuilding it.
• Still on the Free plan: there is no workaround. The honest alternatives are linking out to the widget's hosted page or upgrading — nothing in between actually works.

When embedding is the wrong tool

The HTML section is a box in the page's stack — nothing more. It cannot restyle the theme, reposition the builder's own elements, or inject code into every page at once, so don't reach for it to patch design limitations. Running a full storefront through an iframe is equally clumsy; commerce belongs on a Commerce plan or on a dedicated platform, not inside a widget frame.

And if your list of must-have embeds keeps growing, ask the bigger question: whether a section-based builder is the right home for this site at all. Our GoDaddy Website Builder review weighs exactly where the platform's ceiling sits — and who hits it. For the neighboring jobs, the GoDaddy tutorials index lists every procedure in this manual.