IBIS Membership Widget

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

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