GoDaddy Site Builder - Embed Guide

This page gives instructions for embedding CrowdWork widgets on a GoDaddy Website Builder site.

Ready to showcase your shows and classes directly on your GoDaddy website? You're in the right place! This guide will walk you through the simple process of embedding CrowdWork widgets on your GoDaddy Website Builder site.

βœ… What You'll Need

Before you begin, make sure you have:

  • An active CrowdWork account

  • A GoDaddy Website Builder site you can edit (Websites + Marketing)

  • Your widget embed code from CrowdWork Dashboard (keep reading if not)

  • About 5 minutes of your time

The Embed Widget code provided in the CrowdWork Dashboard

πŸ‘Ύ Getting Your Widget Code

First, let's grab your widget code from CrowdWork:

  1. Log in to your CrowdWork Dashboard

  2. Navigate to Theatre > Embeds in the left menu

  3. Choose the widget type (Shows or Classes)

  4. Select your preferred view (Calendar or Cards)

  5. Customize any settings (tag filtering, start date, etc.)

  6. Copy the code snippet provided in the box

Quick Access: Jump directly to your widget customization page to get started immediately!

Pro Tip! Calendar views are perfect for showing your complete schedule, while Cards create eye-catching promotional sections for your homepage!

πŸš€ Adding Your Widget to GoDaddy Website Builder

Now let's add it to your GoDaddy site:

  1. Access your GoDaddy site editor

    • Scroll down, expand "Websites + Marketing"

    • Click "Manage" next to your website

  2. Navigate to the page where you want to add your widget

    • Select the page you want to edit from your site navigation

  3. Add a new section

    • Go to the location on your page where you want the widget

    • Click to add a new section

  4. Find and add the HTML section

    • Search for "HTML" in the section library

    • Click "Add" when you find the HTML section

  5. Paste your widget code

    • In the "Custom Code" field, paste your CrowdWork widget code

    • Leave "Forced Height" blank for auto-height, or set a specific height in pixels if needed

    • Customize any other section settings like title or accent color

  6. Preview and publish

    • Use "Preview" to see how your widget looks

    • When you're satisfied, "Publish" your site to make changes live

πŸ’‘ GoDaddy-Specific Tips

Because of how GoDaddy Website Builder works, here are some specific tips:

Height Settings

  • Auto-height: Leave "Forced Height" blank to let your widget determine its own height

  • Fixed height: Set a specific pixel value if your widget gets cut off

  • Calendar widgets: Usually need at least 400-500 pixels of height

  • Card widgets: Generally need less height, around 200-300 pixels per row

Code Formatting

  • Use HTTPS (not HTTP) in your embed codes

  • Ensure your code is complete - missing characters can break the widget

  • If your code is very long, it may exceed GoDaddy's limits (try the iframe version of your embed code)

Testing

  • Always preview before publishing

  • Test on both desktop and mobile views

  • Remember that some features only work on the published site, not in preview

πŸ”§ Troubleshooting

Having issues? You can always get fresh widget code from your Theatre > Embeds Dashboard or try a different embed format that might work better with GoDaddy's system.

Widget not appearing?

  • Check that you used the complete embed code from CrowdWork

  • Verify you're using HTTPS (not HTTP) in your code

  • Try increasing the "Forced Height" setting to 400+ pixels

  • Make sure your site is published, not just previewed

Widget appears cut off?

  • Increase the "Forced Height" setting

  • For calendar widgets, try 500-600 pixels

  • For card widgets, adjust based on how many cards you expect to display

Code too long error?

  • This can happen with very complex embed codes

  • Try using the shortest version of your embed code from CrowdWork

  • Contact our support if you continue to have issues

Widget not responsive on mobile?

  • This is a known limitation of GoDaddy's iframe implementation

  • The widget will still be functional, but may not resize perfectly

  • Test thoroughly on mobile devices before going live

🎯 Best Practices for GoDaddy + CrowdWork

Make the most of your integration:

  • Keep it simple: Start with one widget per page to avoid complexity

  • Test thoroughly: Preview on multiple devices before publishing

  • Plan for height: Calendar widgets need more vertical space than cards

  • Mobile-first: Always check how your widget looks on mobile devices

  • Strategic placement: Put your most important events prominently on your homepage

πŸ”„ Updates and Maintenance

Once embedded, your widget will automatically sync with your CrowdWork account:

  • Automatic updates: Changes in CrowdWork appear immediately on your site

  • No maintenance required: The widget stays current without any work from you

  • Cache considerations: If changes don't appear immediately, try refreshing your browser

πŸ“‹ Alternative Solutions

If you encounter limitations with the HTML section:

  1. Contact CrowdWork support - we may have alternative embed codes that work better with GoDaddy

  2. Consider iframe alternatives - we can provide different code formats

  3. Use multiple smaller widgets - instead of one large calendar, try several smaller card widgets

⚠️ Known Limitations

Be aware of these GoDaddy Website Builder limitations:

  • Iframe containment: All custom code runs within iframes, limiting some features

  • Responsiveness: Embedded content may not be fully responsive

  • Code size limits: Very long embed codes may be rejected

  • JavaScript restrictions: Some interactive features may be limited

  • No header/footer injection: Unlike older GoDaddy versions, current Website Builder doesn't allow header/footer code injection

πŸ†˜ When You Need Help

If you run into issues:

  1. Check our troubleshooting steps above first

  2. Try a different height setting - this fixes most display issues

  3. Test on your published site - not just the preview

  4. Contact our support team with specific details about what you're seeing

Need further assistance? Reach out to our Support Team - we're always happy to help!

Last updated

Was this helpful?