NOTE: We do offer services to have this completed for you if you are uncomfortable with performing this task. This service can be ordered from within your license management area or, contact via helpdesk for purchase information and timeframe of completion.

After you have the tools, the space and the time, you will need to sit down and take some time to figure out how you want the order form and client area to appear in your design. Once you figure out where and how you want it to show, the next step is to create the top wrapper (a.k.a. header).

The integration work consists of editing/creating only three (3) files ( no files in V3, it's all edited through admin area ). In V2, download the /inc/header.php and save it locally until you are done. Attempting to edit each individual file through the client area can cause errors and may cause your installation to fail.

 V2 Wrapper Creation Steps Below

Find your Starting Point
Review your HTML code to find a starting point for your choice of left, right or centered.

In the example on the right, we will be creating a right-hand wrapper where the script is on the left, the wrapper goes around the top and down the right side.

Mark the Code
After you find your starting point, you want to mark and break the code into two pieces, top and bottom.

Doing this creates your top and bottom wrapper if done correctly.

From the start line "UP" is your header portion of the wrapper. From the stop line "DOWN" is your footer portion of the wrapper. These two parts, combined, will create a clean wrapper that can easily be placed around the order system.

Now Cut it Up
Now that you have found your starting point for the AutoPilot area in your code, cut that code out of your design up to where your body tag ends.

To simplify things, make sure all links and image tags are full url tags.

With the two portions of your wrapper now seperated, you can now move on to the next step in creating the files for your wrapper to be uploaded to the system.

Create Two Files
You should now have two files, cut out of your design. Save one as 'header2.php' and save the other as 'footer.php'.

Upload both files to the /inc folder. the footer.php will overwrite the existing footer.php file.

Edit header.php to include this line of code:

include('inc/header2.php');

This line will be added just above the closing ?> tag in the header.php file.

The Finished Product
After all of this is complete, you should be able to go to step_one.php and review your work. It may need a little tweaking after it is complete but, you are on the right path.

 V3 Wrapper Creation Steps Below

Find your Starting Point
Review your HTML code to find a starting point for your choice of left, right or centered.

In the example on the right, we will be creating a right-hand wrapper where the script is on the left, the wrapper goes around the top and down the right side.

Mark the Code
After you find your starting point, you want to mark and break the code into two pieces, top and bottom.

Doing this creates your top and bottom wrapper if done correctly.

From the start line "UP" is your header portion of the wrapper. From the stop line "DOWN" is your footer portion of the wrapper. These two parts, combined, will create a clean wrapper that can easily be placed around the order system.

Now Cut it Up
Now that you have found your starting point for the AutoPilot area in your code, cut that code out of your design up to where your body tag ends.

To simplify things, make sure all links and image tags are full url tags.

With the two portions of your wrapper now seperated, you can now move on to the next step in creating the files for your wrapper to be uploaded to the system.

Go to your Admin Area
Once logged in, go to your Order Profile management area and click on the 'edit' option for your profile

Scroll down to the header & footer section of this profile

Add your Wrapper Code
Paste your header wrapper code into the header area, and your footer code into the footer area and update the profile

The Finished Product
After all of this is complete, you should be able to go to step_one.php and review your work. It may need a little tweaking after it is complete but, you are on the right path.

You can go further with your integration by editing the style.css file in your skins folder to make all areas match your design better, as we did with the one to the right.