Popup Toolkit Getting Started Tutorial

Welcome to this short tutorial. It is provided to you in order to help you get started using Popup Toolkit in just minutes - only 2 or 3 minutes.

When you first open Popup Toolkit you will see that it’s very easy to use it. First thing to do is to hit the “Preview” button in the lower left corner of the user interface (see fig.1 below). This will open the Instant Preview window where you can see the current popup. Then play around with the interface for a minute or two changing things - and hit the “Preview” button again after each change to see the result. Thus you'll quickly feel how it works.

Let's get started now...

fig.1 - General view of the user interface.

The "File" Menu The "Preview" button There are 5 screens (tabs)

Basics

Popup Toolkit creates two things:

1. Popups
2. Popup Rotators

You can choose which one to create using the “File” menu - top-left of the user interface (see fig.1 above and fig.2 below). Choose the "New Popup Project" menu command (fig.2 below) to open a new Popup project, or choose the "New Rotator Project" menu command to open a new Rotator project. Popup Toolkit will open a new Popup Project on start.

fig.2 - The "File" menu.

Context Sensitive Help

Click inside a radio button, check box, text field, drop-down menu or percentage slider and then press the F1 key on your keyboard. You will receive instant help on this particular element of the interface.

The Popup Project User Interface

When working on a popup, Popup Toolkit user interface displays 5 screens or tabs (see fig.1 above). Click on the tabs to choose which screen to work with. Each screen encompasses settings for a different aspect of the popup attributes, behavior, content or looks. Once the popup has been designed to your satisfaction, click the “Popup Code” tab to install the popup on your web page(s).

Instant Preview Buttons

There are two instant Preview buttons in the lower-left of the interface. The common button is on the left and reads “Preview in Internet Explorer”. Click this button to open the IE preview window. Or click the “Preview in Mozilla Firefox” to preview in Firefox. This way you can see how the popup will look and behave.

The "General Settings" Screen

fig.3 - "General Settings" Screen.

Choose what type of popup you need. Use the "Preview" button to see each type. Choose how and when your popup will be opened. Then press the F1 key to see a detailed info on the chosen method. Use this section for instant subscriptions - your popup becomes an e-mail form with "OK" and "Cancel" buttons. Decide how often and when your popup will open for each individual visitor.

The "Design Settings" Screen

fig.4 - "Design Setting" Screen.

Set the Popup Dimentions and Position. Set the Popup Window Elements. Here you set the Titlebar Text and Colors. Here you set the Popup's Background attributes. Set the Border of the Popup here. Adjust the Popup Shadow in this section.

The “Behavior Settings” Screen

fig.5 - "Behavior Setting" Screen.

Choose the Popup Behavior here. Jumping Behavior Settings. Rolling and Caterpillar Behavior Settings. Sliding Behavior Settings. Set the Fading Effects and Behaviors here. Set the Unfolding/Exploding/Spinning Behavior Settings.

The “Popup Content” Screen

fig.6 - "Popup Content" Screen.

Choose if the content should be entered using the WYSIWYG editor or it is an external web page. WYSIWYG Editor. Here you enter the Web Page Address that should display as popup content.

The “Popup Code” Screen

fig.7 - “Popup Code” Screen.

Here you get the Popup Code for Manual insertion. Use this section to Insert the Popup code Automatically to your web page file. Here you get the Popup Trigger Codes.

Default Settings (New Project Settings)

You can easily change the default settings in Popup Toolkit. Just select all the options you want by default and then save the file as “default-settings.ptk” in the Popup Toolkit program folder which is usually located here: “C:\Program Files\Popup Toolkit v1.4”.

This was Popup Toolkit in a nutshell!

For further details on specific features and effects, refer to the User's Manual or press F1 key for instant context sensitive help, or use the “Help” menu (next to the “File” menu) to open the user’s manual or the FAQ page.

Finally, if you encounter any problem or need help, contact me (see bottom of page for contacts).

Enjoy!