How to Add HTML Widget Code to Wix

Yes, you can add HTML to Wix without a developer. This guide shows both places Wix accepts third-party code, which one each ElectricBlaze widget needs, and how to keep the block looking right on phones.

Two ways to add HTML to Wix

Wix gives you two tools for outside code, and they behave differently:

  • Embed HTML element (Add Elements → Embed Code). Works on every plan, including free sites. Your snippet runs inside a box that you place and resize on the page, much like an iframe.
  • Custom Code (Settings → Custom Code). Loads a script on every page or on chosen pages, outside any box. Wix only unlocks it for sites on a Premium plan with a connected domain.

Feeds, galleries and the shop block live happily inside an Embed HTML element. Anything that should float over the whole site, such as a chat button or a sticky music bar, belongs in Custom Code; otherwise it stays trapped inside the element’s rectangle.

Add an Embed HTML element in the Wix Editor

Copy your widget snippet from the Add to website button in the ElectricBlaze editor first, then follow these steps.

  1. Open your site in the Wix Editor and switch to the page where the widget should appear.

  2. Click Add Elements (+) in the left panel, choose Embed Code and then Embed HTML.

  3. Press Enter Code, keep the Code option selected, paste the snippet and click Apply.

  4. Drag the element into place, stretch it to the width you need and give it enough height for the content, then click Publish.

In Wix Studio the same element sits under Add → Embed Code. The workflow and the size rules are identical.

Choosing the right Wix embed code option

Inline widgets: feeds, galleries, shop

Use Embed HTML. Because the element has a fixed height, pick it with the layout in mind: a single-row slider needs far less room than a three-row grid. If the bottom of the widget is cut off, the element is too short, not broken.

Floating widgets: popup chat, sticky player

Open Settings → Custom Code, click Add Custom Code, paste the snippet, apply it to all pages and place it in Body – end. The button then sits in the corner of the browser window on every page instead of inside a rectangle.

The mobile layout

Wix keeps a separate mobile view. After publishing on desktop, open the mobile editor, check that the element is not hidden and adjust its height: a gallery that fits in 600 pixels on a laptop may need more space when columns stack on a phone.

Wix widget not showing? Quick fixes

  • Blank box in the editor. Scripts often do not run inside the editing canvas. Use Preview or check the published page.
  • Content cut off at the bottom. Increase the element height, or switch the widget to a slider layout.
  • Chat button stuck in a small area. It was added with Embed HTML. Move the snippet to Custom Code.
  • Custom Code option greyed out. The site has no Premium plan or no connected domain yet.
  • Visible on desktop, missing on mobile. The element was hidden or pushed off-screen in the mobile editor.

Content updates, such as new posts or changed colours, arrive from ElectricBlaze automatically. Republishing Wix is only needed when you move or resize the element itself.

Widget guides for Wix

Step-by-step instructions for each widget, including the size and placement that suit it on a Wix page.

Adding HTML to Wix: questions

Can you add HTML to Wix on a free plan?

Yes. The Embed HTML element is available on free sites. Only site-wide Custom Code requires a Premium plan with a connected domain.

Can you use HTML to change the Wix design itself?

No. Code in an Embed HTML element runs in its own box and cannot restyle the rest of the page. It is meant for widgets, forms and similar self-contained blocks.

How do I add one widget to every Wix page at once?

Put the snippet in Custom Code and apply it to all pages, or place an Embed HTML element in the site header or footer, which Wix repeats across pages.

Why does the widget look different in the editor and on the live site?

The editor canvas does not execute every script. The published page is the reliable view, so check there after each change.

Wix embed website not working: what should I check?

Confirm the element shows content on the published page, that its height is large enough and that it is not hidden in the mobile view. For floating widgets, check the Custom Code placement.

How to embed on Wix Studio sites?

Use Add → Embed Code → Embed HTML in the Studio editor. It behaves like the classic element, including the fixed box size.

Is there a size limit for Wix embed code?

The ElectricBlaze snippet is only a few lines long, far below any Wix limit. The content itself loads from our servers.

Get the code for your Wix site

Build a widget for free, copy the snippet and add it to Wix in a couple of minutes.

Create a widget