...
The following is all of the code for the page that is necessary to add the login control. The code is detailed in parts and must be executed in an order given below:
...
Anchor_lddd _lddd
Loading Dependencies
_lddd | |
_lddd |
First, there are the dependency files. These are the files the controls need to have loaded to work.
Below are the dependency files which needs to be copied over for the controls to load:
...
Next is the div where the control will render. This is essentially a placeholder for the actual controls HTML.
<div id="login1"></div>
...
This is the javascript that will tell the dependency file to load itself into the div we noted above.
...
Anchor | ||||
---|---|---|---|---|
|
...
ko.applyBindings(eb_Login.live,loginDomEl);//Apply KO bindings, fire up the control
Integration of a Control
This guide notes an outline for our recommended approach specific to a WordPress integration with the E-business controls and should be used in addition to our CMS Integration Steps
...
By Default, WordPress allows you to add HTML content to pages via their page editor.
However, they have an extremely popular plugin called "SOGO Add Script Header Footer" that we recommend adding for use with the e-business controls. This plugin allows you to add code to be included in the header and footer of a page.
You can access this plugin from your WordPress admin area under "Plugins --> Add New"
From there you can search for "SOGO Add Script Header Footer" and then click "install now"
Once installed click "Activate"
Once Activated, you should see a new section with two new editable content areas for header and footer content when you go to edit a page.
This is useful to separate the code as outlined in the CMS Integration Overview.
...
Load the WordPress CMS site to confirm that the e-Business control loads.
...