The Active Web Toolkit

The web toolkit

Iframe descriptions

Other components

Building the page

Implementing in WordPress

Implementing in HTML

Configuring CSS styles

Iframe CSS styles

The checkout screens

Club selection and signup

The account manager

Administrative tools


he web toolkit is a set of web-based techniques by which Activeʼs direct-to-consumer clients may offer their customers a number of online features:

  • retail e-commerce
  • club signups
  • member choice clubs (“allocations”) and futures
  • user account management
  • newsletter subscriptions
  • e-mail “opt out”
  • forgot/reset password

The web features are added to an existing host site by inserting a number of HTML inline frame (<iframe>) elements. To interact with one another in environments that disallow the use of “cookies” (e.g., Safari, Facebook), the iframes respond to browser events and communicate with one another by sending messages to a server-side script, which uses JavaScript commands to manage the related iframes as needed.

Within each iframe, another script reads product, customer, and transaction data from the clientʼs Active Club database and displays it dynamically in the browser. The layout and format of the text within the frames is controlled by a number of CSS classes. By modifying the associated style sheets, the designer can select alternate layouts and modify the iframesʼ appearance as needed to match the existing host site. Furthermore, the specific text of most fields and labels within the frames is also defined in the clientʼs database (Frame Configuration), where it can be modified as needed through Manager.

Figure 1: Web toolkit components
iframe web tools diagram

Figure 1 illustrates the relationships among the web toolkit components and the host site.

To implement the toolkit features, the designer copies the appropriate code to a clientʼs web site, modifies a number of parameters to refer to the specific clientʼs database, and adds two sets of CSS styles to the host page. The exact method depends on the development environment in use; see Building the page.

© 2017–2019 Active Club Solutions