Follow theseFollow these steps to add custom code and widgets to your Wix website. steps to add custom code and widgets to your Wix website.
1. Log in to Wix
2. Navigate to Custom Code
-
Click Select site → Settings → Custom code
3. Add the Code
-
Click Add Custom Code
-
Paste the head code (you get that by contacting YOGO)
-
In the name field, write YOGO Wix
-
Under Add Code to Pages, choose Load on each new page (important)
-
Click Apply
Optional: Add Custom Styling
-
If styling is needed, repeat the steps above
-
Add CSS inside
<style> ... </style>tags -
Name it YOGO Style
4. Edit the Site
-
Click Home → Edit site
5. Choose the Page
-
At Page, select the page where the widget should appear
6. Add a Text Element
-
Click + → Text → Paragraphs
7. Insert the Widget Code
-
Drag the text element to full width
-
Enter the
<div>code for the widget you want to display (see the Widget Setup Guide)
8. Save & Publish
-
Click Save and Publish
-
Note: In Wix, widgets don’t show in edit mode. Preview them on the live site.
9. Add a Login Button
-
Go to Page → Manage pages
-
Click + Add Menu Item → Link
-
Add the login link (found in this article)
✅ Great success! You are ready 🥳