Building the page
Installing the Active web tools on a clientʼs site requires three main steps:
Create the iframes by adding the HTML code from one of the available design templates to the page. For sites built with WordPress, this entails installing the Active WordPress plugin and inserting the appropriate shortcodes on each page.
Change the parameters as needed to refer to the clientʼs database and set display options.
Set up the necessary CSS styles.
Active offers a series of tutorial videos that demonstrate the web tools and how to implement them in a variety of development environments:
A clientʼs Active web site typically consists of multiple pages, each containing one or more of the available web tools components. These can occur in the following functional combinations:
(1) Club signup only: For a single page devoted solely to club signups (“Register”).
(3) Shopping cart + club signup: Guest and member shopping; Join Now is active. Includes the member login, product catalog, club signup (“Register”), shopping basket, catalog menu, and message window.
(5) Shopping cart with account management: Enables guest shopping, with login to a member account. Guests can register and receive member privileges immediately. Includes the member login, account manager, club signup (“Register”), product catalog, shopping basket, catalog menu, and message window. “Catalog” is set as the ACSMasterFrame.
(6) Account management + shopping cart: Enables members to log in to an account and shop. Includes the account manager, club signup (“Register”), product catalog, shopping basket, catalog menu, and message window. The “Manage” iframe is set as the ACSMasterFrame.
(8) Account management + member choice: Enables a member to log in to an account and edit product choices. Includes the account manager, member choice (“Selection”), shopping basket, catalog menu, and message window.
To construct a web page with standard HTML techniques, the web designer chooses one of these scenarios and adds the appropriate <iframe> elements as listed. In practice, however, most client web sites are built with the WordPress content management system. Active recommends this method for two reasons:
some of the features the web tools provide are available only in WordPress sites
the Active plugin for WordPress simplifies coding and setting operating parameters — for example, rather than adding the component iframes individually, the pluginʼs
scenario argument uses a single digit to apply one of the numbered combinations listed above
For details on setting up the Active web tools in WordPress, see Implementing in WordPress.
A client normally develops its e-commerce web pages using one of three main approaches:
in WordPress or another content management system
with the help of Activeʼs designer
independently with its own web design staff or consultant
A client who elects to eschew all of these options will be provided by default with an e-commerce web site on an Active server. This “master” site is fully functional once the client supplies its preferred header images. The main e-commerce page for the master site is at https://www.secureclub.net/dbname/scenario.aspx?scenario=scenario_number, where scenario_number selects one of the available iframe scenarios listed above.
To see different versions of the sample master site, follow the link above. Once the browser displays the page, change the
scenario= parameter to any number from 1 to 8 and reload.
Additional master pages implement the corresponding web components for a fully functioning package:
The design of these pages is fixed in corresponding master style sheets; styling changes are not permitted.
The appearance of the iframes on the host page is determined by CSS styles in the master style sheet, maintained on the Active web server. The client can modify these styles with an override style sheet.