Wix - Embed Guide
This page gives instructions for embedding CrowdWork widgets on a Wix website.
Ready to showcase your shows and classes directly on your Wix website? You're in the right place! This guide will walk you through the simple process of embedding CrowdWork widgets on your Wix site.
✅ What You'll Need
Before you begin, make sure you have:
An active CrowdWork account
A Wix website you can edit
Your widget embed code from CrowdWork Dashboard (keep reading if not)
About 5 minutes of your time (seriously, it's that quick!)
👾 Getting Your Widget Code
First, let's grab your widget code from CrowdWork:
Log in to your CrowdWork Dashboard
Navigate to Theatre > Embeds in the left menu
Choose the widget type (Shows or Classes)
Select your preferred view (Calendar or Cards)
Customize any settings (tag filtering, start date, etc.)
Copy the code snippet provided in the box
🚀 Adding Your Widget to Wix
Now for the fun part - adding it to your Wix site. Wix offers several ways to embed custom code:
Method 1: Using HTML Embed Element (Recommended)
This is the most straightforward method for most users:
Open the Wix Editor
Log in to your Wix account and open your site editor
Navigate to your desired page
Select the page where you want to add your widget
Add an Embed Element
Click the "+" (Add) button on the left sidebar
Go to "Embed & Social" or "Embed Code" (depending on your Wix version)
Select "HTML iframe" or "Embed Code"
Place and resize the element
Drag the gray placeholder box to where you want your widget
Resize it to give adequate space (calendar widgets need more height)
Enter your code
Click "Enter Code" on the embed element
In the popup window, select "Code" (not Website Address)
Paste your CrowdWork widget code into the text box
Click "Update" or "Apply"
Preview and publish
Use Wix's preview feature to see how your widget looks
Publish your site to make the changes live
Custom Code Requirements:
Requires a Premium plan with connected domain
Must be published (not just in preview mode)
Advanced feature - test carefully before going live
Method 2: Using Custom Code (Site-Wide)
For advanced users who want to add widgets site-wide or in headers/footers:
Access Custom Code settings
Go to Settings in your site's dashboard
Click "Custom Code" in the Advanced section
Add your code
Click "+ Add Custom Code"
Paste your CrowdWork widget code
Choose where to place it:
Head: Loads early, good for site-wide scripts
Body - start: Loads after opening body tag
Body - end: Loads before closing body tag (recommended for widgets)
Set the scope
Choose "All pages" for site-wide display
Or select "Choose specific pages" for targeted placement
Save and publish
Click "Apply" to save your custom code
Publish your site for changes to take effect
Custom Code Requirements:
Requires a Premium plan with connected domain
Must be published (not just in preview mode)
Advanced feature - test carefully before going live
Method 3: Using Velo (For Advanced Users)
If you're using Wix Velo for advanced functionality:
Enable Dev Mode
In the Wix Editor, click "Dev Mode" in the top menu
Select "Turn On Dev Mode"
Add your code to the appropriate file
Use the Code Editor in the left sidebar
Add your widget code to the relevant page or site-wide files
Follow Velo documentation
Refer to Wix's Velo documentation for advanced implementation
💄 Making Your Widget Look Amazing
Your widget will inherit some styling from both CrowdWork and your Wix site, but here are some tips to make it look its best:
Size appropriately: Calendar widgets need more vertical space than card widgets
Give it breathing room: Don't crowd your widget - leave some padding around it
Check mobile: Use Wix's mobile editor to ensure your widget looks good on phones and tablets
Test responsiveness: Preview on different screen sizes to ensure proper display
🔧 Troubleshooting
Widget not displaying?
Verify your site is published (not just in preview mode)
Check that your embed code uses HTTPS (not HTTP)
Ensure you pasted the complete code snippet without modifications
Try clearing your browser cache and refreshing
Widget appears too small or cut off?
Increase the height and width of your embed element
For calendar views, ensure adequate vertical space (at least 400px height recommended)
Try adjusting the iframe dimensions in your embed settings
Getting security or iframe errors?
Make sure you're using a Premium Wix plan with a connected domain
Verify that your CrowdWork account is active
Check that the embed code is current and hasn't expired
Widget doesn't work in Wix Editor preview?
This is normal for many embedded widgets
Publish your site and test on the live version
Some interactive elements only work on published sites
🎯 Creative Uses for Wix + CrowdWork
Take your integration to the next level:
Homepage Hero: Feature upcoming shows prominently on your homepage
Dedicated Events Page: Create a comprehensive events page with calendar view
Class Categories: Use filtered widgets to separate different types of classes
Performer Pages: Add specific show widgets to individual performer bio pages
Multiple Views: Combine card and calendar widgets on the same page for different purposes
🔄 Automatic Updates
Once your widget is embedded, it will automatically stay in sync with your CrowdWork account. Any changes you make to your shows or classes in CrowdWork will instantly appear on your Wix site without any additional work!
📱 Mobile Considerations
Wix automatically handles mobile responsiveness for your embedded widgets, but here are some tips:
Test your widgets on mobile devices using Wix's mobile editor
Calendar views automatically switch to a mobile-friendly list format
Card views stack vertically on mobile for better readability
Ensure adequate touch targets for mobile users
Need further assistance? Reach out to our Support Team - we're always happy to help!
Last updated
Was this helpful?