How To Embed Calculator Into Wix Site

In this tutorial you will learn how to embed Creative Widgets calculator into your Wix Site using Wix app or custom component.

How To Embed Creative Widgets Calculator With Wix App - Recommended

Here is a video on how to use Wix App to embed the calculator into Wix website.

1. Navigate to Wix Marketplace and search for "Creative Widgets".
2. Install the app on your Wix Site.
3. In the website editor, find a place where you want to embed your calculator.
4. From your Creative Widgets edit page copy the ID of the calculator. You can find the ID by looking at the URL https://creativewidgets.io/calculator/edit/**CALCULATOR-ID-HERE**
5. Paste the ID into the block settings
6. Verify your calculator loads as expected

This is it. Now you should be able to view and use your calculator.

How To Embed Creative Widgets Calculator With Custom Component

Here is a step by step video how to embed calculator using custom component element.

Its a bit longer so this is not the preferred opion, especially if you have multiple calculators

1. On edit canvas navigate to Embed Code panel and select Custom element
2. Press Set Attributes button and enter Attribute Name as calculatorId and for value use the calculator ID from you Creative Widgets account.
3. Press Choose Source button, and select Server URL and paste the following URL: https://assets.creativewidgets.io/scripts/cw-calculator-widget.iife.js.
4. As tag name type cw-calculator.
5. Verify calculator loads as expected.

This is it, now you have emebedded Creative Widgets calculator into your Wix Site.