Create a WIX page and add a custom element
Position and size the element according to your needs.
Right-click the element and choose "Set attributes"
Enter 2 attributes
id: set it to some unique identifier of your choice. In this demo it will be "filemail-downloader-demo"
data-filemail-widget: set it to "downloader"
Close the modal, double-click the element choose "Velo file" in Element Settings, and attach an empty JS file (you can create a new file if needed, this option will be available directly in the file selector). This step is just to empty the custom element before Filemail is initialized.
Save your changes.
Head over to Settings -> Custom Code and add custom code to the Head of your new page. Here is the snippet:
<script async src="https://www.filemail.com/widgets/embed/downloader?autoinit=false"></script>
<script>
(function {
function ready(fn){var d=document;(d.readyState=='loading')?d.addEventListener('DOMContentLoaded',fn):fn();}
ready(function () {
window.Filemail.widget.init('#filemail-downloader-demo');
});
})();
</script>Please note #filemail-downloader-demo that matches the id attribute of your custom element.
Here are some screens from this process.
Publish your page and visit it - you should see the downloader initialized.
Click the Preview button to see a demo transfer embedded in this page.
Go to www.filemail.com/companysettings#integration - and type in the URL of the WIX page you just created.
