Add calculator widgets to your Wix website using the HTML embed element. This guide walks you through the process step by step.
Step 1: Get Your Embed Code
- Go to our Widget Generator
- Choose your calculator type, customize colors and styling to match your website
- Copy the generated embed code from the "HTML Embed" tab
Step 2: Add to Your Wix Site
-
Open the Wix Editor
Log in to your Wix account and open your site in the Editor.
-
Add an HTML iframe element
Click the "+" button in the left sidebar, then select "Embed" → "Embed a Widget" → "HTML iframe".
-
Enter HTML Mode
Click on the HTML element, then click "Enter Code" in the settings panel.
-
Paste your embed code
Paste the embed code you copied from our generator into the code area and click "Update".
-
Resize and position
Drag the corners of the element to resize it, and position it where you want on your page.
Tips
- Set the HTML element width to match the width you specified in the generator
- Use the "Preview" mode to test the calculator before publishing
- The widget automatically adjusts its height based on content, so you don't need to worry about scroll bars
Troubleshooting
Wix may show a warning for external embeds in the editor. This is normal and the widget will work correctly when published. Use Preview mode to test.
Make sure the embed code was pasted correctly and includes both the iframe and the script tags. Check your browser's developer console for any error messages.