Countdown - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

 

 

The News Scroller script presents simple lines of text in sequence. Each text item will scroll vertically into view, pause on screen for a few moments and then will scroll out of view again. The script cycles through all the text entries you have entered for this script.

 

 

The countdown widget is a neat way of drawing attention to an impending launch/release or to emphasis a time-limited aspect of an offer or promotion you are running. Knowing that "time is running out" can often have a marked impact on conversions (depending on your offer, of course).

 

When a visitor views your countdown, on the Web page in question, it will resemble the illustration below:

 

 

piece_countdown

 

 

 

Instructions for Inserting a Countdown

 

Selecting this script from the list of scripts, and clicking the button_widget_wizard_edit_settings button loads the following screen:

 

window_countdown

 

 

There are number of settings we need to make in this screen. Each is detailed below:

 

Date - In this box you need to enter the date on which the countdown should 'expire'. Click the calendar icon next to the text-box to load the date selection tool shown below:

 

piece_countdown_calendar

 

 

Time - In conjunction with the date setting, above, you need to specify an exact time that the countdown should end. Simply use the up/downs (next to the hour/minute values) to increase/decrease the time settings accordingly.

 

piece_countdown_time

 

 

Countdown Font – Using the font drop-down selector you can choose the preferred font in which you would like your Countdown timer text displayed.

 

piece_countdown_font

 

 

Countdown Font Size – Specify a size for your Countdown timer text using this font-size drop-down. Click the piece_site_map_settings_font_size drop-down selector to make your choice from the available font sizes (6pt to 72pt).

 

 

Countdown Font Style – If you would like to make your Countdown timer text bold, italic or underlined simply click the appropriate button.

 

Note: these buttons behave just like the style buttons in a regular word processor.

 

piece_site_map_settings_font_styles

 

 

Countdown Font Color – This control determines the color of your Countdown timer text. To choose your preferred text color, either type the color straight into the color text-box or click the button_application_image_browse button, to the right of the color text-box.

 

This button will launch the Color Picker tool, which you can use to make your color selection. For more information on using the color picker tool, see the Color Picker Selection section in this manual.

 

 

Message - In the box provided, enter your message. This text will be displayed in place of the countdown timer, once the end date/time is reached (i.e once the time reaches zero). This text should of course tie into the promotion itself - informing the visitor that the time had come to act...

 

Tip: You can enter HTML links in this text box and so you can display an actual link to a Sales Letter page or other 'Launch' page automatically, using this tool. This is an incredibly effective way of generating action on the part of those visitors keeping their eye on your countdown timer. When entering the HTML, use the following format: <a href="http://www.yourdomain.com/launch.html">Click Here</a> (obviously you can change the domain and link text to suit your needs).

 

 

Message Font – Using the font drop-down selector you can choose the preferred font in which you would like your Message text displayed.

 

piece_countdown_font

 

 

Message Font Size – Specify a size for your Message text using this font-size drop-down. Click the piece_site_map_settings_font_size drop-down selector to make your choice from the available font sizes (6pt to 72pt).

 

 

Message Font Style – If you would like to make your Message text bold, italic or underlined simply click the appropriate button.

 

Note: these buttons behave just like the style buttons in a regular word processor.

 

piece_site_map_settings_font_styles

 

 

Message Font Color – This control determines the color of your Message text. To choose your preferred text color, either type the color straight into the color text-box or click the button_application_image_browse button, to the right of the color text-box.

 

This button will launch the Color Picker tool, which you can use to make your color selection. For more information on using the color picker tool, see the Color Picker Selection section in this manual.

 

 

When you have finished adjusting the settings for your countdown, simply click the button_image_gallery_insert button to insert the countdown timer into your Web page at the cursor-point.

Home  Previous  Next