NINJAworkspace platform developer manual

How to embed on your website Instructions \ WIX

Create a new page on your website with a top bar menu item or a sub menu. Name that menu page, it something like Secure Workspace, My Secure Workspace, etc...
You can also add a button that links to this Secure Workspace page and it does not have to be a top line menu item.
In either case you need to create a new page to your website to add the NINJAworkspace Iframe.
See instruction below… You will copy and paste the code to a new page with an HTML block/window on it.

The workspace owner has the option to ADD all new users to his contact list automatically. Check instructions here.

Get "Custom code"

Copy code from box below or see above for basic variant samples.
<script id="nynwidget_script_exe"> var nynWidgetOptions = { start_timeout: 3000, default_url: "", // User Profile Embedded link workspace_id: "", parent: document.getElementById("nynwidget_script_exe").parentElement, frame_id: "nwd_frame", frame_elm: null, view_mode: "static", // fullscreen,static, popup, modal to_create_html: true, to_show_widget_button: false, to_show_frame_onstart: true, to_load_nynja_onstart: true, add_css_code: "", frame_style: "", frame_position: "", widget_style: "", widget_position: "right_bottom", to_scroll: true, special_mode: "wix" }; </script> <script id="nynwidget_script_src" src="" type="text/javascript"></script>

Find "Custom code" setting

Find website settings in the Wix dashboard. You must have a premium paid website.
Go to Settings page, find "Custome code" block and click it.

Open "Custom code" option

Find "Body-End" embed code option at the bottom of the page and start edit it.

Add "Custom code" to settings

Paste NINJA widget code into code-input field.
Save and publish your web.

Get iframe's placeholder code

Copy code from box below or get code from one of iframe placeholders samples
<!-- IFRAME PLACEHOLDER CODE --> <img src="" style="width:100%;height:auto;" />

Add Embed HTML block to page

Add "Embed HTML" block to your page.

Add placeholder code to block

Start Edit new HTML block. Paste placeholder code into input area and save changes.

You can choose different design variants (view modes)

< home