1- First of all you have to insert a Smartobject onto the stage by dragging it from the Object Panel. After double-clicking on the Smartobject, a “Source” window will appear. In this window you can paste the HTML content of the widget (the code to be pasted must be selected from the inside of the BODY tag.)
2- In the “Page Inspector”, you can now import the folder containing the files needed by the widget to work. The folder will be automatically imported with the whole file structure, leaving all the links untouched.
3- To link the imported HTML with the JS files in the folder, it is necessary to import the widget headers. By clicking on the “Custom Header” line in the Page Inspector you will be able to fill in the HEAD section of the page and insert the links to the scripts.
At this point it is possible to check the widget by clicking on the preview button.
Download the sample file Smartobj.scproj.zip
[advanced_iframe securitykey=”daniela” src=”/wp-content/uploads/examples/Smartobj/OEBPS/assets/1/page.xhtml”]