The Active Club Solutions
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

T

he web toolkit is a set of web-based techniques by which Active Club Solutionsʼ winery clients may offer their customers a number of online features:

Active Clubʼs designer adds the web features 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. A script within each iframe reads product, customer, and transaction data from the companyʼs Active Club database and displays it dynamically in the browser.

The HTML returned from the catalog script also determines the layout and format of the text within the embedded iframes, using 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 within the frames is defined in the customerʼs database (Frame Configuration), where it can be modified as needed through Manager. (For example, to change a buttonʼs text from “Login” to “Log in.”)


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