Step-by-Step: Integrating run.events Widgets into Wix
Step 1: Get Your Widget Code from run.events
- Go to your event in run.events
- Open the "Settings" section
- Click on "Widgets and Links" tile
- Copy the code from the widget you want to embed (tickets, sponsors, speakers, or agenda)
Step 2: Add Widget to Your Wix Site
- Open your Wix Editor
- Navigate to the page where you want the widget
- Click "Add Elements" on the left sidebar
- Scroll down to "Embed Code"
- Click "Embed HTML"
- Drag the HTML element to your desired location on the page
Step 3: Insert the run.events Code
- Click on the HTML element you just added
- In the settings panel, click "Code"
- Paste the widget code you copied from run.events
- Click "Apply"
Step 4: Adjust and Style (Optional)
- Resize the widget using the corner handles
- The widget will inherit your site's styles automatically
- For custom styling, add another HTML element above your widget with custom CSS
Available run.events Widgets:
- Tickets widget - for selling tickets
- Speakers widget - display speaker information
- Sponsors widget - showcase sponsors
- Agenda widget - show event schedule
Custom Styling (Optional)
If you want to customize the appearance, add another HTML element above your widget with CSS like this:
html
Plain Text
<style>.re-tickets { padding: 20px !important; background-color: #f5f5f5; border-radius: 10px !important; font-family: Arial, sans-serif;}.re-tickets .btn { background-color: #your-color !important; border-radius: 5px !important;}</style>
Step 5: Publish
- Click "Publish" in the top right
- Test your widget on the live site
Note: The widgets are fully functional and will automatically sync with changes you make in your run.events dashboard. You can fine-tune widget behaviour using the additional options available in the run.events "Widgets and Links" section.
That's it! Your run.events widget should now be live and functional on your Wix site.