Embed Custom Code in WIX Studio

Watch the step-by-step walkthrough below, then follow the guide to embed any HTML, CSS, or JavaScript snippet directly onto your Wix page using the built-in Embed Code element.

Follow the Steps Book Coaching
Step by Step

Embed Custom Code in WIX Studio

Follow these steps alongside the video to add your custom code snippet to any Wix page.

1

Navigate to any page in WIX Studio

2

Click on the Add Elements (+) symbol on the top-left-hand side

3

Select Embed & Social

4

Select Embed Code and add it to your page

5

Paste your custom code in the box

Need 1-on-1 help with Wix?

Book a 90-minute coaching session and we'll work through your Wix website together!

Book a Coaching Session
FAQ

Frequently Asked Questions

Common questions about embedding custom code in WIX Studio.

What types of code can I embed using the Embed Code element?

The Embed Code element accepts any HTML, CSS, or JavaScript snippet. Common uses include embedding third-party widgets (chat bots, booking tools, forms), tracking scripts, iframes, social media embeds, and custom UI components that aren't available natively in Wix.

What is the difference between Embed Code and adding code to the site header?

The Embed Code element places code on a specific page and renders it in a defined location on the canvas — ideal for widgets, iframes, and visible components. Adding code to the site header (via Settings → Custom Code) injects a script across every page and runs globally — better for analytics tags, conversion pixels, and tracking scripts that need to fire on every page load.

Can I embed code on just one page, not the whole site?

Yes. The Embed Code element is placed per-page, so your code only runs on the page where you add it. This is useful when you want to show a specific widget — like a pricing calculator or booking form — only on certain pages without affecting the rest of your site.

Why isn't my embedded code showing up after publishing?

The most common reasons are: the code relies on an external resource that's blocked (check browser console errors), the Embed Code element is hidden behind another element on the canvas, or the snippet requires the page to be on HTTPS (all Wix sites are). Also confirm you've clicked Publish after adding the code — preview mode sometimes doesn't execute third-party scripts.

Can I resize or reposition the Embed Code element?

Yes. Once the Embed Code element is on the canvas you can drag it anywhere on the page and resize it like any other Wix element. The embedded content will render within the bounds of the element — so make sure the element is large enough to display your widget or iframe correctly.

Is the Embed Code element available on all Wix plans?

The Embed Code element is available on paid Wix plans. Free Wix sites do not support custom code embedding. If you don't see the Embed & Social option or the element is greyed out, you'll need to upgrade your Wix plan to unlock custom code features.

Keep Learning

Related Wix Tutorials

More step-by-step guides to build and grow your Wix website.

Get Personal Help

Book a 1-on-1 Coaching Session

Need a hands-on walkthrough tailored to your website? Book a 90-minute coaching session and we'll set it up together.