The Membership Widget allows you to provide your customers the ability to login to IBIS membership account.
Below is the IBIS Membership Widget implementation example. Full article can be found here.
ibishelp.freshdesk.com
IBIS Membership Widget
Below are the HTML, basic JavaScript function call used to produce the widgets above, all the available options for the function and a list of required files.
<div class="ibis-widget-membership"></div>
ibisMembership({ appURL: 'https://book.yourwebsite.com', cartDir: '/cart', mode: 'iframe' });
ibisMembership({ appURL: 'https://book.yourwebsite.com', cartDir: '/cart', mode: 'iframe', theme: 'dark' });
Tip: Wrap the above function calls in the DOMContentLoaded/DOM ready event (developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event), unless you are sure that the call is placed after all the DOM elements required for the widget.
appURL [compulsory]
This is where your IBIS E-Commerce website URL goes, and is compulsory. It needs to be a full URL with a protocol and WITHOUT a trailing ‘/’
- Format: String
-
Examples:
- Good: https://www.google.com
- Bad: www.google.com (does not have the protocol i.e. https://)
- Bad: https://www.google.com/ (has a trailing forward-slash)
cartDir [compulsory for iframe only]
This is where you specify the shopping cart directory on your website. If you created a shopping cart page on https://yourwebsite.com/cart then the value here should be ‘/cart’. The ‘/’ at the beginning is required.
- Format: String
mode [compulsory for iframe only]
Value is ‘iframe’
- Format: String
theme [optional]
Select from two available themes, either ‘lite’ or ‘dark’.
- Format: String
- Default: ‘lite’
formHeader [optional]
This is where you specify the login form title.
- Format: String
- Default: ‘Membership Login’
formText [optional]
This is where you specify the description text to appear below the form title.
- Format: String
- Default: ”
forgottenPasswordText [optional]
This is where you modify the forgotten password link text.
- Format: String
- Default: ‘Forgotten password?’
widgetButtonText [optional]
This is where you modify the main widget button text.
- Format: String
- Default: ‘Membership Login’
loginButtonText [optional]
This is where you modify the form login button text.
- Format: String
- Default: ‘Login’
mobileViewThreshold [optional]
This is where you enable and specify the viewport size (in pixels) at which the widget goes into the mobile mode.
- Format: Integer
- Default: null
greeting [optional]
This is where you specify the greeting text appears before the account name (when logged in).
- Format: String
- Default: ”
linkOpenNewWindow [optional]
Set this option to true if you want the booking pages to open in a new window.
- Format: Boolean
- Default: false
then [optional]
A callback function for when the widget is initiated.
- Format: Callback function
loginThen [optional]
A callback function for when a customer is logged in.
- Format: Callback function
jQuery Core v3.0+ (download or CDN / Google Hosted Libraries)
Customers who are on the IBIS E-Commerce versions Fit5-23.0.5.x and above, please use the IBIS Widget version 3
IBIS Widget Stylesheet (resources.ibisnz.com/ibis/ibis-fit-widgets3.min.css)
IBIS Widget JavaScript (resources.ibisnz.com/ibis/ibis-fit-widgets3.min.js)
Customers who are on the IBIS E-Commerce versions Fit5-22.6.0.x and below, please use the IBIS Widget version 2.2
IBIS Widget Stylesheet (resources.ibisnz.com/ibis/ibis-fit-widgets2.2.min.css)
IBIS Widget JavaScript (resources.ibisnz.com/ibis/ibis-fit-widgets2.2.min.js)
IBIS Widget versions 1.x are deprecated. Please use one of the above versions
Please make sure to include the jQuery Core before IBIS Widget JavaScript.