Building the page

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

Installing the Active Club web tools on a clientʼs site requires three main steps:

  1. 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.

  2. Change the parameters as needed to refer to the clientʼs database and set display options.

  3. Set up the necessary CSS styles.

Video tutorials

Iframe scenarios

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:

Using WordPress

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 Club Solutions recommends this method for two reasons:

For details on setting up the Active web tools in WordPress, see Implementing in WordPress.

Modifying the styles

To alter the appearance of the iframes on the host page, you must install and edit an override style sheet.