I want to create a similar tool-based website(Reference Picture attached) in Wix, but I don’t have any idea how to integrate the tool into Wix. This website is a custom coding site, and the tool is created with HTML, CSS, Tailwind CSS, JavaScript, Bootstrap, and some external libraries and APIs. While I have an idea of how to integrate these types of tools into WordPress, I’m unsure how to do so with a Wix website. If it is possible to integrate this tool, then which programming language should be used? I am completely new to Wix.
If this website already exists and you are only looking to embed it, you can check the docs here for instructions Wix Editor: Embedding a Site or a Widget | Help Center | Wix.com
This website does not exist. I want to create a new website on Wix and embed my tool into the Wix website.
Where does your tool live now? Is it at a live URL?
The image I shared with you is from my competitor’s website. The tool I have is developed by my developer in an HTML file, which is currently saved in my laptop’s folder.
Got it - you have 3 options:
- Use the HTML iframe element and paste your code there (may require some modifications, you will have to see)
- Rebuild fully in Wix using our visual editor plus code
- Build a custom element - this is not likely necessary from what you have shared but it is an option.
Here is the article for using the HTML iFrame Working with the HTML iframe Element
And if you are a video person, here is an example of adding code for a leaflet map to the iFrame element (this is an older video in the classic editro, but the element and code will work the same)
1 Like
As you mentioned about iframes, I did some research and found a WordPress website that is using iframes. Can a website like this be created in Wix? Here’s the website: https://stylishfontgenerators.com/
Yes i t can be created, with a lot of own custom generated code, added to an iFrame (HTML-Component), using a CUSTOM-ELEMENT, using NPM-Packages or 3rd.-party services.
In your case → you have already generated some HTML-CSS-JS-CODE on your local computer. Now you can grab this code and modify it to be able to use it (for example) inside an HTML-Component.
This for you will have to add an HTML-Component onto your website (page).
Once you have done it → you will have to paste your generated HTML-CODE into the HTML-Component and save the code.
Then you publish your website and navigate to the page where you have your HTML-Component running.
At the end it will be like an EMBEDDED-WINDOW on your website.
You also can expand the functionality of your HTML-Component and connect it directly to wix-website. This will give you the possibility to control everything inside the HTML-COMPONENT → COMMUNICATION WITH iFrame. That means, now you can design BUTTONS and all other elements directly on a wix website and controll functions inside the HTML-Component.
Wix-Page → CONTROL-PANEL
HTML-Component → DISPLAY
The same way you also are able to get data back from the HTML-Component → sending to your Wix-Website.
Like already mentioned by AMANDAM → there are still other possibilities of how to achieve your aim.
Good luck!
2 Likes
How to create this type of websites in wix. I found lot of website in WordPress. Do you have any plugins or easy way to create these types of website. It is possible to create these type of website with AI Website Builder. I am not interested to create this websites in WordPress. Kindly guide me… Thanks in Advance
