WizardPro

Wizard Pro

Installation Wizard

This is how the WordPress wizard would look like using WizardPro.
This is just an example, no data is saved.

1. Introduction
2. Database Information
3. Website Information
4. Finish Installation

Step 1 - Introduction

Welcome to WordPress. Before getting started, we need some information on the database. You will need to know the following items before proceeding.

Database name
Database username
Database password
Database host
Table prefix (if you want to run more than one WordPress in a single database)

If for any reason this automatic file creation doesn't work, don't worry. All this does is fill in the database information to a configuration file. You may also simply open wp-config-sample.php in a text editor, fill in your information, and save it as wp-config.php.

In all likelihood, these items were supplied to you by your Web Host. If you do not have this information, then you will need to contact them before you can continue. If you're all ready...

Database Name

The name of the database you want to run WP in.

Table Prefix

If you want to run multiple WordPress installations in a single database, change this.

Step 2 - Database Information

On the right side you should enter your database connection details. If you're not sure about these, contact your host.

Change "root1" into "root" to continue

Username

Usernames can have only alphanumeric characters, spaces, underscores, hyphens, periods and the @ symbol.

Password

A password will be automatically generated for you if you leave this blank.

Hint: The password should be at least seven characters long. To make it stronger, use upper and lower case letters, numbers and symbols like ! " ? $ % ^ & ).

Step 3 - Website Information

Welcome to the famous five minute WordPress installation process! You may want to browse the ReadMe documentation at your leisure. Otherwise, just fill in the information below and you’ll be on your way to using the most extendable and powerful personal publishing platform in the world.

Success!

WordPress has been installed. Were you expecting more steps? Sorry to disappoint.

Javascript is required in order to use this wizard.
How to enable javascript - Upgrade Browser

Contact Form

This is a example of a contact form wizard.
This is just an example, no data is saved.

1. Introduction
2. Personal Information
3. Your Message
4. Thank You

Step 1 - Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis congue mauris.

Pellentesque mollis purus ut augue. Suspendisse potenti. Duis sollicitudin auctor orci. Aliquam erat volutpat. Etiam dictum, enim at fermentum tincidunt, neque est egestas nulla, vel tempus arcu nunc a arcu. Maecenas non libero. Nullam faucibus odio sit amet orci.

Nullam arcu dolor, commodo ut, facilisis sit amet, posuere sit amet, ante. Ut molestie quam id odio. Nulla mauris. Curabitur sollicitudin viverra purus. Donec non justo id nisl vestibulum pulvinar. Phasellus rhoncus malesuada metus. Proin urna. Praesent non enim ut est pretium cursus. Suspendisse facilisis odio vel augue.

Fusce condimentum, purus luctus malesuada vulputate, augue lectus ornare justo, quis cursus nibh diam vitae nisi. Cras vulputate.

Step 2 - Personal Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis congue mauris.

Step 3 - Your Message

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis congue mauris.

Step 4 - Thank You

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis congue mauris.

Fusce condimentum, purus luctus malesuada vulputate, augue lectus ornare justo, quis cursus nibh diam vitae nisi. Cras vulputate.

Javascript is required in order to use this wizard.
How to enable javascript - Upgrade Browser

API Options

    // Open next step
    wizard.openstep('next');
    
    // Open previous step
    wizard.openstep('prev');

    // Open step 2
    wizard.openstep(2);

    //Block interaction
    wizard.interactionBlock(1);
    
    //Remove interaction block
    wizard.interactionBlock(0);