Sign Up

GoDaddy

Install the widget on GoDaddy Website Builder

Installing the Widget on GoDaddy Website Builder

Overview

This guide will show you how to install our JavaScript widget on your GoDaddy Website Builder site. GoDaddy offers a simple drag-and-drop builder with options for adding custom code.

Method 1: Using HTML Element (Recommended)

This is the easiest way to add the widget to your GoDaddy site.

Step 1: Access Your Website Editor

  1. Log in to your GoDaddy account
  2. Go to My Products
  3. Find your Website Builder product
  4. Click Edit Site or Manage
  5. The GoDaddy Website Builder editor will open

Step 2: Add HTML Section

  1. In the left sidebar, click the Add Section button (+)
  2. Look for HTML or Custom Code section
  3. If you don't see it directly, look under:
    • More or Advanced
    • Embed options
  4. Drag and drop the HTML section onto your page
  5. Place it at the bottom of your page (recommended)

Step 3: Add Your Widget Script

  1. Click on the HTML section you just added
  2. A settings panel or popup will appear
  3. Click Edit or Edit Code
  4. Paste your widget script:
<script src="https://your-domain.com/widget.js"></script>
<script>
  YourWidget.init({
    apiKey: 'YOUR_API_KEY'
  });
</script>
  1. Replace YOUR_API_KEY with your actual API key from your dashboard
  2. Click Done or Apply

Step 4: Add to Other Pages

To add the widget to multiple pages:

  1. Click Pages in the top menu
  2. Navigate to another page
  3. Repeat Steps 2-3 on that page
  4. Repeat for all pages where you want the widget

Step 5: Publish Your Site

  1. Click Publish in the top right corner
  2. Confirm you want to publish
  3. Your widget is now live!

Method 2: Using Section Settings

Some GoDaddy templates allow custom code in section settings.

Step 1: Edit a Section

  1. Click on any section of your page
  2. Look for a Settings gear icon (⚙️)
  3. Click on Settings

Step 2: Find Custom Code Option

  1. Look for options like:
    • Custom Code
    • Advanced
    • HTML/CSS
  2. If available, click to open the code editor

Step 3: Add Your Script

  1. Paste your widget script in the code editor:
<script src="https://your-domain.com/widget.js"></script>
<script>
  YourWidget.init({
    apiKey: 'YOUR_API_KEY'
  });
</script>
  1. Replace YOUR_API_KEY with your actual API key
  2. Click Save or Apply

Note: Not all GoDaddy templates support this feature. If unavailable, use Method 1.

Method 3: Site-Wide Installation (Advanced)

For GoDaddy Website Builder, there isn't a built-in site-wide custom code feature like other platforms. However, you can use a workaround:

Option A: Add to Template/Master Page

  1. If your theme has a master page or template, edit that
  2. Add an HTML section with your widget script
  3. Changes will apply to all pages using that template

Note: This feature is limited and may not be available in all GoDaddy plans.

Option B: Copy Across Pages

  1. Add the HTML section with your widget script to one page
  2. Copy the section (Ctrl+C or Cmd+C)
  3. Navigate to each page
  4. Paste the section (Ctrl+V or Cmd+V)
  5. Publish your site

GoDaddy E-Commerce Sites

For GoDaddy online stores:

On Product Pages

  1. Edit a product page
  2. Add an HTML section with your widget script (Method 1)
  3. The widget will appear on that product page

On All Store Pages

Unfortunately, GoDaddy Website Builder doesn't have a universal way to add code to all e-commerce pages. You'll need to:

  1. Add the HTML section to your main store pages manually
  2. Consider adding to your homepage, product pages, and cart page individually

Troubleshooting

Can't Find HTML Section

  1. Check your plan:

    • Basic plans may not have HTML/Custom Code features
    • You may need to upgrade to a higher plan
    • Check at godaddy.com/websites/website-builder for plan features

  2. Look under different names:

    • Try searching for "Embed," "Code," or "Custom"
    • Check under "More" or "Advanced" sections
    • Some plans call it "Custom HTML"

Widget Not Appearing

  1. Publish your site:

    • Make sure you clicked Publish
    • Wait a few minutes for changes to propagate

  2. Clear cache:

    • Clear your browser cache
    • Use Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac)
    • Try viewing in an incognito/private browser window

  3. Check HTML section visibility:

    • Make sure the HTML section isn't hidden
    • Check that it's placed in a visible area
    • Try moving it to a different location

  4. Verify API key:

    • Ensure you replaced YOUR_API_KEY with your actual key
    • Check for extra spaces or estimates
    • Confirm the key is correct in your dashboard

Widget Appears Multiple Times

  • You may have added the HTML section on multiple pages or in multiple locations
  • Remove duplicate installations
  • Keep only one instance per page

HTML Section Shows Raw Code

  • Make sure you're using the correct HTML/Custom Code section
  • Don't use a regular Text section
  • The code should be invisible on your page

Best Practices

  1. Place at bottom of pages for optimal loading performance
  2. Test after publishing - preview mode may not show custom code
  3. Document your installation - note which pages have the widget
  4. Keep your API key secure - don't share it publicly
  5. Check mobile view - ensure the widget works on mobile devices

GoDaddy Plan Comparison

FeatureBasic PlanPremium Plans
HTML Sections❌ Limited✅ Yes
Custom Code❌ Limited✅ Yes
E-Commerce❌ No✅ Yes

Note: Features vary by plan. Check your specific plan at godaddy.com for details.

Important Notes

⚠️ Plan Limitations:

  • Basic/Economy plans may not support custom HTML
  • You may need to upgrade to use custom code features
  • Check your plan features in your GoDaddy account

⚠️ Preview vs. Published:

  • Custom code may not work in preview mode
  • Always test on your published live site
  • Wait a few minutes after publishing for changes to appear

⚠️ GoDaddy Managed WordPress:

  • If you're using GoDaddy Managed WordPress (not Website Builder), see our WordPress installation guide instead
  • This guide is specifically for GoDaddy Website Builder

GoDaddy Website Builder Versions

GoDaddy Website Builder (Current)

Follow the instructions in this guide.

GoDaddy Website Builder (Legacy/Old Version)

If you're using an older version:

  1. Look for Settings or Site Settings
  2. Find SEO or Advanced Settings
  3. Look for Header Code or Footer Code sections
  4. Add your widget script there

Recommendation: Consider upgrading to the new GoDaddy Website Builder for more features and better support.

Alternative Solutions

If Custom Code Isn't Available

  1. Upgrade your plan:

    • Check available plans at godaddy.com
    • Higher-tier plans include custom code features

  2. Use GoDaddy WordPress Hosting:

    • If you need more flexibility
    • Full WordPress installation allows plugins and custom code
    • Follow our WordPress installation guide

  3. Contact GoDaddy Support:

    • Ask about custom code features for your plan
    • They can help identify if it's available

Checking Your GoDaddy Plan

  1. Log in to GoDaddy
  2. Go to My Products
  3. Find your Website Builder product
  4. Check the plan name (e.g., Basic, Premium, E-Commerce)
  5. Click Plan Details for feature information

Need Help?

If you encounter any issues:

  • Check our FAQ at [your-support-url]
  • Contact our support at [your-support-email]
  • Include your GoDaddy plan type
  • Mention "GoDaddy Website Builder" specifically
  • Take screenshots of any error messages

You can also contact GoDaddy Support:

  • GoDaddy Help Center: support.godaddy.com
  • Phone: Find on GoDaddy's website
  • They can help confirm if your plan supports custom HTML

Removing the Widget

To remove the widget from your GoDaddy site:

If using HTML Section:

  1. Open your site in the GoDaddy editor
  2. Click on the HTML section containing the widget
  3. Press Delete on your keyboard, or
  4. Click the trash can/delete icon
  5. Repeat for all pages where you added it
  6. Click Publish

If using Section Settings:

  1. Click on the section containing the widget code
  2. Click Settings (gear icon)
  3. Find the custom code area
  4. Delete the widget script
  5. Click Save
  6. Click Publish

Quick Tips

  • HTML section should be invisible on your page (that's normal)
  • Always publish after making changes
  • Test on mobile using your phone or the mobile preview
  • Save frequently while editing
  • Keep a backup of your widget code in a text file

Migration Note

If you're considering migrating from GoDaddy Website Builder to another platform for more flexibility, our widget works with:

  • WordPress (more features)
  • Shopify (for e-commerce)
  • Wix, Squarespace, Webflow (modern builders)

Contact us for migration assistance if needed.