Install on Elementor
Use the HTML widget in the Elementor editor.
Status:Script or iframeNot tested yet. Based on Elementor's own embed feature, not yet run by us on a live Elementor site.
Before you start, add the tool from its page or the dashboard and enter your website address. The Install screen gives you the code to copy in the steps below. No DNS record or file is needed.
Steps
Edit with Elementor
Open the page with Edit with Elementor.
Add the HTML widget
Drag the HTML widget into the section where the tool should appear.
Paste and update
Paste the code into the HTML Code field, click Update and open the published page.
Example code
Copy the real code from your widget in the dashboard. It looks like this. The Iframe code has a fixed height of 640 pixels.
<div data-toolsdocks-widget="YOUR_WIDGET_ID"></div> <script async src="https://www.toolsdocks.com/embed/v1.js"></script>
Restrictions and tips
- The editor canvas may not run the tool. Check the published page (or the preview) instead.
If the tool does not appear
- Open the page on your registered website address (www and non-www are both included). A staging or preview address is separate.
- Check that the widget and the website are not paused in the dashboard.
- If your website sends a Content Security Policy, allow the loader and the frame as described in the installation guide.