Adding Custom Code and Widgets in Wix

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 🥳