How do I embed code on my Wix website?

Embedding code on your Wix website is a straightforward process that allows you to add custom HTML, JavaScript, widgets, and third-party tools to enhance your site's functionality. The method varies slightly depending on whether you're using the classic Wix Editor or Wix Studio.

Embedding Code in the Classic Wix Editor

To add custom code in the traditional Wix Editor, start by opening your site editor and clicking the "+" (Add) button on the left sidebar. Navigate to the Embed section and select HTML iframe or Embed a HTML widget. A gray box will appear on your page—drag and resize it to fit your desired layout.

Click Enter Code on the iframe element, then choose Code and paste your HTML, JavaScript, or embed code snippet. Once you've pasted your code, click Update to save your changes. Your embedded content will now display on your page.

For more advanced functionality requiring JavaScript files, you'll need to enable Dev Mode from the top menu, which allows you to add and manage custom JavaScript files directly.

Embedding Code in Wix Studio

If you're working with Wix Studio, the newer platform offers a streamlined approach. Click the "+" (Add Elements) button at the top-left of your editor, then select Embed & Social from the menu. Choose Embed Code and click the plus symbol to open the code input area.

Paste your custom HTML, JavaScript, or widget code into the field. Wix Studio will render your embedded code directly on your site, making it ideal for simple HTML and JavaScript snippets.

Additional Tips for Successful Embedding

When embedding third-party widgets, forms, or tools, first obtain the embed code from the service provider. Then follow the same steps above to insert it via the HTML iframe or embed code element.

For embedding entire websites or specific URLs, use the "Embed a Site" element available in your editor and simply paste the URL. Always remember to click Update or Apply after making changes, and preview your site to ensure the embedded content displays correctly.

This flexible embedding capability makes it easy to integrate external tools, custom functionality, and dynamic content into your Wix website without requiring extensive coding knowledge. For more detailed guidance, visit the Wix Support Center.