Can't find your question below? Search our extensive Knowledgebase for answers to many more questions - Click Here
Content Pages / Pre-Designed Web Pages
The pre-designed pages are:
Keep in mind that any of these pages can be completely modified to fit your needs. If you do not like the setup or layout of the pages, change them as you wish. All of these pages contain generic terms. You can use them as they appear or they can be modified with HTML. Please see the "Adding / Editing Web Pages" section NOTE: The pre-designed pages may contain special tokens to identify your company's information. These tokens are case-sensitive and include: {companyname}, {Addr1}, {Addr2}, {City}, {State}, {Zip}, {County}, {Country}, {Phone}, {Ext}, {Fax}, {SalesEmail} and {randompage}. These tokens represent and call the information that was entered into the Wizard's "Company Information" section. Template Footer (represented by the token {companyinfo} on your template): All of the web pages on your online store, E-Commerce web site and shopping cart will contain the following information by default to identify your company. This information can only be removed by removing the {companyinfo} token from your template's HTML code (see My Template): Company Name Address City, State, Zip Code Country Sales Dept. E-mail Phone & Ext. Fax |
Adding / Editing Web PagesTo create or incorporate a new content page (informational web page), open the FORTUNE3 Shopping Cart & E-Commerce Wizard software and go to the "My Web Pages" section. Click on the "Add Page" button, then enter the exact name of the web page that you want to add into the Web Page Filename field (do not enter any spaces, quotes, path names or .html extension), or click on Browse File to import the page from an existing .html file. Under Web Page Name, enter the name of the page as you would like it to appear as the text for the link on your Main Menu when you add a link to your main menu. Under Use HTML Code you need to select whether you want your HTML page to be placed inside your Template or by itself. Select "With Company's Template" or "Stand Alone" and click on "Next >".  Stand Alone If you select "Stand Alone"to create your web page, you will be sent directly to the built-in HTML editor to start working on your Stand-Alone web page, bypassing the "Web Page Meta Tags" and "Web Page Layout" windows that follow. In a stand-alone page, it is up to you to insert the Meta Tags and Title Tag in your HTML code, since you will not be using the template on this web page, the Wizard will not prompt you to enter these fields. Web Page Meta Tags (this window only appears if you selected the "With Company's Template" option): If you select "With Company's Template" to create the web page you will be prompted to fill in the web page meta tags for this page (Title, Description, and Keywords):
Enter the Meta Tags and then click on "Next >" to continue. FORTUNE3's built-in HTML editor will appear. Web Page Layout (this window only appears if you selected the "With Company's Template" option): The Fortune3 Wizard comes with several pre-set layouts that you can choose from when creating your content pages. Each web page can have a unique layout for its content. The type of layout that you choose guides the FORTUNE3 E-Commerce and Shopping Cart Wizard in formatting your text and placing images and other objects in the web page you are creating. Each layout has a unique design and is used for a specific type of web page. Depending on which layout is selected the content which you can input in that particular page is affected. Select a layout, or select Blank if you don't want to use a layout and want to design the page from scratch, and click "Next >". You will then be taken to the FORTUNE3 built-in HTML editor to provide the content for this page. 
NOTE: Once you have selected a layout for the new web page and your web page has been created, the layout cannot be changed. If you want to select a different layout for your new web page you must close the built-in HTML editor, and click on the Add Page button to re-add your page with the new format. You can then copy / paste the HTML code back into the original page, or remove the original page and keep the new one. Edit a Web Page (Edit Page): To change / modify an informational web page (content page), open the FORTUNE3 E-Commerce & Shopping Cart Wizard software and go to the "My Web Pages" section. Select the icon corresponding to the web page you want to "Edit Page"button. This will send you to the Wizard's built-in HTML editor, explained next. |
FORTUNE3's Built-in HTML Editor / WYSIWYGThe built-in HTML editor, or WYSIWYG Interface, is used to create and modify Web Pages, Templates, or any HTML OK field (such as product descriptions, Web Texts, product tabs, etc) within the FORTUNE3 Wizard. Powerful and easy to use, this HTML editor helps beginners and experts alike create professional and attractive online stores, manage and maintain their web pages, and control all aspects of their site without the need for 3rd party HTML editors. 
File Menu Save (Ctrl + S) - Saves the web page, template, or field you are currently working on. FORTUNE3 recommends that you save your work frequently to prevent the loss of data. Save & Close - Saves and closes the web page, template, or field you are currently working, on returning you to the FORTUNE3 Wizard. Properties (Ctrl + R) - Opens and closes the "Floating Properties Window". For more information regarding the Properties window please click here. Print (Ctrl + P) - Prints the current file in the mode you are currently on (Design Mode, View Code, Browser Mode). Exit - Closes the HTML editor and returns you to the Fortune3 Wizard. You will be asked if you want to save your changes before closing. 
View Menu Toolbars - Opens and closes the various toolbars of the editor. The Standard, Format, Design, and Status bars have features which help you modify the various aspects of your web page, template, or field. Form Objects - Form objects can be added to a web page to allow users to input data. You can add the following form objects to your web page: Password - A field for entering a password, will show as bullets (●●●●●) to hide the text.
HTML Source - Allows you to insert HTML Code directly into the position that your cursor is in. This can be used to embed videos or flash animations into your web pages, templates, or HTML OK fields. Click Here for more information on embedding or adding videos or flash animations to your site. Format Menu
Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice. Numbered List - This option allows you to make a numbered list, which displays as follows:
Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice. Bring Above Text - Places the selected element in front of any text which overlaps it. Send Below Text - Places the selected element behind any text which overlaps it. Lock Element - Selecting this options locks the element in place, preventing it from being moved within the web page and the layers of the web page. Snap to Grid - Snap to Grid command enables and disables snap to grid. When enabled, when you move a layer or selection the grid points move the object towards them. Table Menu Insert Table - Clicking on this option opens the Insert Table window, which allows you to set the parameters of your new table, clicking ok will add the table into your web page, where your cursor is located. 
Insert Rows - Clicking this option inserts a row above the cursor's cell. You must be in a table's cell for this option to be enabled. Insert Cols - Clicking this option inserts a column to the left of the cursor's cell. You must be in a table's cell for this option to be enabled. Insert Cell - Clicking this option inserts a cell to the left of the cursor's cell. You must be in a table's cell for this option to be enabled. Delete Rows - Clicking this option deletes the row the cursor is currently in. You must be in a table's cell for this option to be enabled. Delete Cols - Clicking this option deletes the column the cursor is currently in. You must be in a table's cell for this option to be enabled. Delete Cell - Clicking this option deletes the cell the cursor is currently in. You must be in a table's cell for this option to be enabled. Merge Cells - This option combines the cells currently selected into 1 cell. This option only works if the selected cells can be merged. Empty cells cannot be merged, so if you would like to merge cells that are empty, enter a text into the empty cells temporarily, select the cells and do the merge, and then remove the temporary text you added. Split Cells - This option splits the cursor's cell into 2 equal parts.
Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice.
Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice.
 Cut (Ctrl + X) Removes the selected text or object(s) and stores them into the Windows clipboard until another data is copied or cut into the clipboard.  Copy (Ctrl + C) Makes a copy of the selected text or object(s) and stores them into the Windows clipboard until another item is copied or cut into the clipboard.  Paste (Ctrl + V) Places the data that is stored on the Window's clipboard and places it on the page. You can pay this item as many times as needed because a copied item is not removed from the clipboard.  Undo (Ctrl + Z) Undoes the last action performed.  Redo Redoes the last undone action.  Insert TableClicking on this option opens the Insert Table window, which allows you to set the parameters of your new table, clicking ok will add the table into your web page, where your cursor is located.
 Form Objects - Form objects can be added to a web page to allow users to input data. You can add the following form objects to your web page: Insert Form - Inserts the main Form tag (<form>) required for pages with form submissions. Textbox - A Text box is a field that allows you customer to input alphanumerical data. The field appears as a single line and moves horizontally as text is entered so that new text can be viewed as it is entered. You can expand the box both horizontally and vertically in the editor however since the text will always appear as a single line expanding vertically will only have a visual effect on the box but not impact on how the text is displayed. Textarea - A Text area is a multi-line textbox field, allowing users to type in multiple lines of text. Checkbox - Allows your customer to choose from multiple responses. As many options as apply can be selected. Radio List - Allows you customer to choose a SINGLE response from multiple options. Selecting any option in a radio list de-selects the previously selected option. Listbox - Displays predetermined options values with a scrolling menu that allows you customer to choose multiple options. Dropdown -A dropdown displays as an arrow that expands to show a list when clicked by a customer. It is used to list options your customer can choose from. Button - Inserts a submit button for your form. Hidden - Hidden fields store and pass along static information to be manually transmitted by a form. Password - A field for entering a password, will show as bullets (●●●●●) to hide the text.
 Design Mode Selecting this mode displays the web page and its elements visually allowing you to make and see the changes. This is the default mode for editing.  View Code Selecting this mode displays the web page and its elements entirely through HTML code and allows you to edit the HTML code directly.  Browser Mode Enables Browser mode, which shows you what your web page, template, or field will look like within a browsers' window.  Preview in Browser (only enabled when editing Web Pages or Templates)Opens up your default web browser to preview the Web Page or Template you are editing. If you are editing a web page that is set to be Within the Company's Template, the preview will open within the template, allowing you to see a realistic view of how your web page will be seen once uploaded.  Insert Rows Clicking this option inserts a row above the cursor's cell. You must be in a table's cell for this option to be enabled.
Hide Options - Clicking this button hides the Options Pane which contains the Web Page Properties, Objects Properties, and HTML Structure panes, thus giving you more horizontal space to work with your web page or template.. Web Page Properties This window allows you to modify the Meta Tag information and other properties of your web page (only available when editing a Web Page that is Within the Company's Template).. Title - The title for this particular
web page. The
title appears on the top title bar of
browsers, and is used by search engines
to display a title for this web page,
and possibly to determine where to position
this web page on their search results. (Edit Meta Tags) - Clicking this button takes you to the Web Page Meta Tags window. In this area, you can designate your own custom
Meta Tags for this web page. You can specify the web page's Title, Description, and
Keywords. This is mainly available for you
to optimize your pages for search engines. Stand Alone - This field specifies whether the web page will be displayed within your template. If this field displays "Yes" and you have chosen to make this a stand-alone page, it is up to you to insert the Meta Tags and Title Tag in your HTML code, since you will not be using the template on this web page, the Wizard will not generate these dynamic fields for you. (Edit Options) - Clicking this button takes you to the Edit Web Page window. In this area you can name your Web Page, as it will appear in your Main Menu, import data from an existing HTML page, replacing the code currently on this web page, and select whether you will be using your company's template (With Company's Template), or using this page as a Stand Alone, without your company's template. Objects Properties 
The Objects Properties Pane allows you to customize all aspects of your web page's elements. Each fields represents a different aspect of that element's attributes, controlling the look and functionality of your web page's objects overall and allowing you to modify the HTML properties of each element. Changes made here directly affect the code of the selected object. Select the object in the HTML Editor, go to the Objects Properties, select the Property you would like to change, and change the value on the top Input field. NOTE: All fields within the Objects Properties are not available for every element of your site. Some fields will have no bearing on the functionality or appearance of most of your elements.
A. Code Viewer - Displays the code of the element the cursor is currently on. B. Coordinates - Displays the coordinates of the mouse. C. Character Viewer - Displays the character of the element the cursor is currently on. D. Toggle Keys - Shows which of your toggle keys are currently activated, INS (Insert), CAPS (Caps Lock) and NUM (Num Lock). Active keys appear in black inactive keys appear in light gray.
The Floating Properties Window displays and allows you to modify the attributes of the elements on your web page, template, or HTML OK field. The elements that can be seen and edited from the floating properties window are Images, Tables, Cells, and Text. Each element has distinct attributes and depending on what type of element you are selecting or your cursor is on (Image, Table, Cell, or Text.) the floating properties window will show different fields that you can view and modify. 
  Font Selecting this opens the "Font" window which allows you to modify the font, style, effects, size, and color of the text you are currently selecting or if no text is selected to the text typed after the location of the cursor. You should only use web-safe fonts. 
 Bold (Ctrl + B) Choosing this option will BOLD the selected text. If no text is selected the BOLD applies to text typed after the location of the cursor.  Italic (Ctrl + I) Choosing this option will Italicize the selected text. If no text is selected the Italicize applies to the text typed after the location of the cursor.  Underline (Ctrl + U) Choosing this option will Underline the selected text. If no text is selected the Underline applies to the text typed after the location of the cursor.  Colour Opens the Font Color window, which allows you to select from 40 default colors and apply them to your selected text. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to your font. 
 Align Left Aligns the text horizontally to the left.  Align Center Aligns the text horizontally to the center.  Align Right Aligns the text horizontally to the right.  Align Justify Aligns the selected text so that all of the lines are the same length.  Sub Script Formats the selected text and/or text typed after the location of the cursor to appear as Subscript.  Super Script Formats the selected text and/or text typed after the location of the cursor to appear as Superscript.  Strike Choosing this option will  Bullets - This option allows you to make bullets list, which displays as follows:
Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice.
Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice. Image Attributes: 
SRC - Displays and allows you to modify the Source of the selected image (its file). Click on the Folder icon to replace the selected image for another. When you select an image from the folder icon, the new image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the image on your site. You may also use an image URL in this field. Link - Displays and allows you to modify the hyperlink (href) of the selected image. You may use either a relative link (pagename.html) if this link will go to a page within your site, or an absolute link or URL (http://www.mysite.com/filename.html). Alt - Displays and allows you to modify the Alternate Text of an image (balloon text on mouse-over or text that shows when the image cannot load). Title - Displays and allows you to modify the Title of an image (also used for balloon text on mouse-over or text that shows when the image cannot load). Target - Displays and allows you to modify the target of the image's link (for example, use _blank to open the link in a new window). Border - Displays and allows you to modify the border of the selected image. When hyperlinking an image, use 0 in the border to hide the border from showing on the site. W - Displays and allows you to modify the width of the selected image as specified in the HTML code (will not actually change the image file). H - Displays and allows you to modify the height of the selected image as specified in the HTML code (will not actually change the image file). H. Space - Displays and allows you to modify the Horizontal spacing (or padding) assigned to the selected image. V. Space - Displays and allows you to modify the Vertical spacing (or padding) assigned to the selected image. 
W - Displays and allows you to modify the width of the selected table. Selecting the % sign will allow you to designate the table a variable width, allowing the table to take up a certain amount of space within the confined space that is given to it. Selecting px will designate a fixed pixel width to the table. H - Displays and allows you to modify the height of the selected table. Selecting the % sign will allow you to designate the table a variable height, allowing the table to take up a certain amount of space within the confined space that is given to it. Selecting px will designate a fixed pixel height to the table. Cell Padding - Displays and allows you to modify the padding (in pixels) that is assigned to each cell of the selected table. Cell Spacing - Displays and allows you to modify the spacing (in pixels) between each cell of the selected table. Align - Displays and allows you to modify the horizontal alignment assigned to the selected table. Bg Image - Displays and allows you to modify the background image that is assigned to the selected table. Click on the Folder icon to select an image as the background for the current table. When you select an image from the folder icon (from any folder on your PC) the image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the background image on your site. You may also use an image URL in this field. Border - Displays and allows you to modify the border width (in pixels) of the selected table. Border Color - Displays and allows you to modify the border color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined. Only applies if the Border is greater than 0. Bg Color - Displays and allows you to modify the background color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined. 
W - Displays and allows you to modify the width of the cell your cursor is in. Selecting the % sign will allow you to designate the cell a variable width, making up a percentage of the total width of the table. Selecting px will designate a fixed pixel width to the cell. H - Displays and allows you to modify the height of the cell your cursor is in. Selecting the % sign will allow you to designate the cell a variable height, making up a percentage of the total height of the table. Selecting px will designate a fixed pixel height to the cell. H. Align - Displays and allows you to modify the type of Horizontal alignment that is assigned by default to the cell your cursor is in. V. Align - Displays and allows you to modify the type of Vertical alignment that is assigned by default to the cell your cursor is in. Bg Color - Displays and allows you to modify the background color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined. Bg Image - Displays and allows you to modify the background image that is assigned to the cell your cursor is in. Click on the Folder icon to select an image as the background for the current cell. When you select an image from the folder icon (from any folder on your PC) the image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the background image on your site. You may also use an image URL in this field. Border Color - Displays and allows you to modify the border color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined. No wrap - If this option is checked, the cell your cursor is in will not allow text to wrap to the next line. Instead, the cell will grow wider and wider to fit the entered text in one line.  Merge Cells This option combines the cells currently selected into 1 cell. This option only works if the selected cells can be merged. Empty cells cannot be merged, so if you would like to merge cells that are empty, enter a text into the empty cells temporarily, select the cells and do the merge, and then remove the temporary text you added.
|
Bold (Ctrl + B) 
Indent 
Outdent 
Background Color 
Save (Ctrl + S)
Print (Ctrl + P)
Find (Ctrl + F) 
Picture
Hyperlink
Document Details - Clicking this options toggles the document details showing elements of the document that usually aren't shown such as <br/>, <p>, etc.
Show Borders 
Properties (Ctrl + R)
Insert Cols 
Delete Rows 
Delete Cols 
Delete Cell 
Split Cells 
Position Absolute 
Bring Forward 
Send Backward 
Send to Front 
Send to Back 
Bring Above Text 
Send Below Text 
Lock Element 
Snap to Grid 
Textbox
Textarea 
Checkbox 
Radio List 
Listbox 
Dropdown 
Button 
Hidden 
Password 
Editing a Web Page: Advanced Editing / HTML CodeNOTE: The pre-designed pages come as HTML code and with the company's template by default. You can edit them directly, or provide your own HTML as explained in this section. 
Folder Path (Use this folder path to save your images): When manually entering the code, you will need to place all of the images and files that are called from the web page in the proper Folder Path.This field specifies the Folder Path in your local drive for the html pages and graphics of your Web site's content web pages. The Folder Path is by default located in this directory on your PC: Incorporate all images and animated objects referenced in the HTML code by saving their corresponding files (.gif, .jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl formats) directly into the specified Folder Path - do not use sub-folders. Any files of this type that are in the Folder Path will be uploaded with your site on your hosting space's Root directory. Therefore, all references to images and objects in the HTML code should be made directly to the filename and extension - no path or sub-folders (i.e. - <IMG SRC="filename.ext">). Editing your Web Pages in HTML Editing Programs like Dreamweaver or Expression Web / In order to edit your web pages in an HTML editor like Dreamweaver, Expression Web, FrontPage, CofeeCup, or even Notepad, you can open the HTML editor program. If you are on Windows Vista or Windows 7 and have User Account Control turned on, you will need to open your HTML editor by right-clicking on it and selecting on "Run as Administrator", or else your changes will not be saved. Once you have the HTML editor open, go to File -> Open. Then browse through your PC's files to the following folder on your computer (Same as Folder Path): Make sure that
the HTML Editor screen for this page is not
open in the Wizard (that you are not currently
editing this page).
Another example of a token is {f3index} which will automatically be converted to the URL of your HOME Page. Thus, you may include a couple of links in your HTML code by entering the following: And this would yield the following output: Displaying Products on your Index Page (Home Page) - Using Top Sellers and {randompage}: FORTUNE3 has created a shortcut in order for you to display some of your products on your home page easily and in an attractive format. Instructions on how to do this are available on the Administration Site under the "My Reports" menu by clicking on the "Top Sellers" link. |
Company LogoNOTE on Logo Sizes: If you are using a predefined template, your logo will be automatically resized down to fit the template you have selected if the size of your logo overlaps the template's space for it. Some templates accept much smaller logos than others, so each template is configured to accept a separate maximum size. We recommend that you select a template that has the necessary space to fit your logo, or make enough space for it be editing the template. 
Click on the "Save & Close" button to save the changes made to your company logo. |
My TemplateYou may select a predefined template, you can modify the design of one of our templates or design your own by using the built-in HTML editor, or by using HTML editors such as Macromedia / Adobe Dreamweaver or Microsoft Expression Web / FrontPage. You may also change your template's images and graphics by editing a .png file with "png" graphic software Fireworks. IMPORTANT NOTE ON CUSTOM TEMPLATES: FORTUNE3 does not recommend creating a template from scratch or using a template not provided by FORTUNE3 unless you are extremely proficient with HTML code and with the Wizard's HTML and template functionality all around. If you want to incorporate your own template for your shopping cart, it is highly recommended that you select the "Modify As..." option to download one of FORTUNE3's templates and start by working to turn FORTUNE3's template into your template. This is recommended because the template requires certain tokens and tags that are already placed in FORTUNE3's templates and because a template also includes many images, graphics and style sheets (like the Add to Cart button), which you will get into your template only when you download one of FORTUNE3's templates. Select Pre-defined Template: The FORTUNE3 Shopping Cart & E-Commerce Wizard software comes with a library of ready-to-use templates that can quickly help you start your E-Commerce web site. Browse through the different Categories of templates in the Show Templates: drop-down on top of the screen, select a template "Style" from the menu on the left; then choose a color combination on the right. You may Preview any template by selecting the template of your choice and clicking on the "Preview" button. The template that is selected by default for your new company is determined by the industry you choose in the New Store Setup window. 
Click on "Save & Close>" to select and enable the template chosen. Modify/Customize Template: In order to assist you in changing a template or creating your own template design, the 'FORTUNE3 E-Commerce & Shopping Cart Wizard software' provides a library of customizable templates that can be downloaded to your computer and modified. In order to edit a FORTUNE3 template, go to the "My Web Pages" section of the Wizard, and click on "My Template", browse through the different Categories of templates in the Show Templates: drop-down on top of the screen, select a template Style from the menu on the left; then choose a color combination on the right. You may preview any template by selecting it and clicking on "Preview". Once you have chosen the template you would like to download and customize, select it and click on the "Modify As" button. The "Create New Template" window will appear. Fill in the "Name of New Template" field by entering a name that would reference your template - we recommend that you use your FORTUNE3 username or Company Name as your template's Name in order to avoid confusion. Click on OK. The template download will begin (this will require an Internet Connection).  Once the template is downloaded, the FORTUNE3 built-in HTML editor will open with your new template's code. Make the changes to the template as necessary. For help using the built in HTML editor click here. Web Designers / Integrating a Custom Template: You can delete the entire template if that is your choice and start with your custom template from scratch, but make sure to keep the required tokens in their proper placing as mentioned in the sections following below. 
If you want to modify your template by using an HTML editor such as Macromedia / Adobe Dreamweaver or Microsoft Expression Web / FrontPage), exit the built-in HTML editor by going to "File -> Save & Close". Then click here for instructions on using an external HTML program to edit your template. If you will use Fortune3's HTML editor to modify your template: You may modify the template in the HTML Editor directly, or with HTML code by clicking on the View Code icon. Enter any HTML code you wish, with the exception of the few incompatible tags listed in the HTML Tags section. Make your changes as necessary, keeping these tips in mind: Link to other web pages on your site by specifying only the page name followed by .html (exclude the Folder Path. i.e. <A HREF="pagename.html">Enter Text Here</A>). Link to any of the 'FORTUNE3 Shopping Cart & E-Commerce Wizard software's auto-generated web-pages by using tokens: {f3index}, {f3products}, {f3specials}, {f3shop}, {f3about}, {f3contact}, {f3search}, {f3terms}, {f3privacy}, {f3faq} and {f3orderstatus} as link tokens for the filenames (exclude the Folder Path and the .html file extension. i.e. <A HREF="{f3privacy}">Privacy Policy</A>). The following chart depicts each link token that is available within FORTUNE3:
Refer to new images and animated objects being incorporated by specifying the filename followed by the corresponding file extension (.gif, .jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl / exclude the Folder Path. i.e. <IMG SRC="imagename.gif ">). Please do not use uppercase letters in the filename. Any uppercase letters in the filename will automatically be converted to all lowercase letters to avoid errors. If your filename does have uppercase letters, please enter the full URL of the file (in the SRC tag) in order to keep the uppercase letters (<img src="http://www.yourdomain.com/ImageName.jpg">) . Folder Path for the 'Template Design' - where to put This field specifies the Template's Folder Path in your local drive for your new template design. The Template's Folder Path is shown under the HTML panel. The Folder Path for your templates will look like this (Template's Folder Path): TIP: TemplateName = This is what you entered in the "Name of New Template" field when you first downloaded the template. Incorporate all of the new images and animated objects referenced in the HTML code by saving their corresponding files (.gif, .jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl formats) directly into the specified Template's Folder Path - do not use sub-folders. The Template's Folder Path also contains other files, mostly image files and a style sheet (for example, the navigation menu's button images are in this folder, i.e button.gif). You may change any of the files and images in the Template's Folder Path. When you upload, the changed images will be reflected on your site. If you would like to edit the fonts in the style sheet, you may do so by editing the style.css file that is located in the Template's Folder Path, but in order for your modified style sheet to get uploaded to your site, you must also make sure that style.css is selected as the "Style Name" in the "Fonts & Styles" section of the Wizard.
<META name="keywords" content="{keywords}"> <META name="description" content="{description}"> <META name="title" content="{title}"> <title>{title}</title> Required Tokens / Tags: DO NOT REMOVE the following tokens: {onload} within the body tag of the HTML ( <body {onload}....> )- You Must Have this to have a Functional Shopping Cart. {menu} for the main category menu. {content} This token displays the dynamic contents of each of the web pages on your site. {jscript} Java Script for dynamic menu - You need this in order for the menu to work. The following 2 lines must appear before the body: <SCRIPT LANGUAGE="JavaScript" SRC="script.js"></SCRIPT> <LINK REL="STYLESHEET" type="text/css" title="Da Stylesheet" HREF="style.css"> Optional Template Tokens / Tags:
To save the changes to the template and enable the new template design select "File" on the menu bar on the top left hand corner of the built-in HTML editor and select the option "Save & Close". If any images that are being called from the template's HTML code are not in the Template's Folder Path, you will be prompted to browse for these missing images. When you browse and select a missing image, the Wizard will automatically copy the image you selected to your Template's Folder Path. Once you click on "Save & Close"you will be taken back to the template selection screen, however, because your custom template is already enabled, the Show Templates: will automatically be selected to "Custom Templates" and your particular custom template will be selected on the right-panel, signifying that your custom template will be used on your site. If you would like to edit the template again in the future, click on the "Modify" (NOT the "Modify As") button to go back to the built-in HTML editor and edit the template. You may also choose to edit the template by using an HTML program such as Dreamweaver or Expression Web. Clicking on "Modify As" when a custom template is selected will copy the files from the current custom template and create a 2nd custom template with those 
|
Editing a Template in HTML Programs: Adobe Dreamweaver or Microsoft Expression Web
Once you have the template downloaded to your computer, you may open the HTML editor program of your choice (Dreamweaver, . Expression Web, etc.). If you are on Windows Vista or Windows 7 and have User Account Control turned on, you will need to open your HTML editor by right-clicking on it and selecting on "Run as Administrator", or else your changes will not be saved. Once you have the HTML editor open, go to File -> Open. Then browse through your PC's files to open the following file on your computer: C:\Program Files\FORTUNE3 Wizard\Templates\TemplateName\content.html The Template's Folder Path should be located in this path: TIP: TemplateName = This is what you entered in the "Name of New Template" field when you first downloaded the template. Make your changes to the template within this file and then simply save the file. Once you save the file, you are finished, the next time you upload your site you will see the changes you made to the Template on your site. Needless to say, this content.html file is the main file that represents your custom template, along with other graphic and style sheet files that are in the Template's Folder Path. Within the content.html Template file: Link to other web pages that you have on your site by specifying only the page name followed by .html (exclude the Folder Path. i.e. <A HREF="pagename.html">Enter Link Text Here</A>). Link to any of the 'FORTUNE3 Shopping Cart & E-Commerce Wizard software' auto-generated web-pages by using an of the following tokens: {f3index}, {f3products}, {f3specials}, {f3shop}, {f3about}, {f3contact}, {f3search}, {f3terms}, {f3privacy}, {f3faq} and {f3orderstatus} as the link addresses for the links (exclude the Folder Path and the .html file extension. i.e. <A HREF="{f3privacy}">Privacy Policy</A>). The following chart depicts each link token that is available within FORTUNE3:
Refer to new images and animated objects being incorporated by specifying the file name followed by the corresponding file extension (.gif, .jpg, .jpeg, .png, .fla, .swf, .swd, .spl / exclude the Folder Path. i.e. <IMG SRC="imagename.gif..">). Please do not use uppercase letters in the filename. Any uppercase letters in the filename will automatically be converted to all lowercase letters to avoid errors. If your filename does have uppercase letters, please enter the full URL of the file (in the SRC tag) in order to keep the uppercase letters (<img src="http://www.yourdomain.com/ImageName.jpg">) . Folder Path for the 'Template Design' - where to put your template's images and files: Incorporate all of the new images and animated objects referenced in the HTML code by saving their corresponding files (.gif, .jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl formats) directly into the specified Template's Folder Path - do not use sub-folders. The Template's Folder Path also contains other files, mostly image files and a style sheet (for example, the Add to Cart image is in this folder, called btnadd.gif). You may change any of the files and images in the Template's Folder Path. When you upload, the changed images will be reflected on your site. If you would like to edit the fonts in the style sheet, you may do so by editing the style.css file that is located in the Template's Folder Path, but in order for your modified style sheet to get uploaded to your site, you must also make sure that style.css is selected as the "Style Name" in the "Fonts & Styles" section of the Wizard. Any new images or files you add to the template must have the image files located directly in the Template's Folder Path: C:\Program Files\FORTUNE3 Wizard\Templates\TemplateName\ without any sub-folders, and referred to within the HTML code as simply <img src="file.ext".....>. Please do not use uppercase letters in the filename. Any uppercase letters in the filename will automatically be converted to all lowercase letters to avoid errors. If your filename does have uppercase letters, please enter the full URL of the file (in the SRC tag) in order to keep the uppercase letters (<img src="http://www.yourdomain.com/ImageName.jpg">).
<META name="keywords" content="{keywords}"> <META name="description" content="{description}"> <META name="title" content="{title}"> <title>{title}</title> Required Tokens / Tags: DO NOT REMOVE the following tokens: {onload} within the body tag of the HTML ( <body {onload}....> )- You Must Have this to have a Functional Shopping Cart. {menu} for the main category menu. {content} This token displays the dynamic contents of your site. {script} Java Script for dynamic menu - You need this in order for the menu to work. The following 2 lines must appear before the body: <SCRIPT LANGUAGE="JavaScript" SRC="script.js"></SCRIPT> <LINK REL="STYLESHEET" type="text/css" title="Da Style sheet" HREF="style.css"> Optional Template Tokens / Tags:
|
Cart TemplatesCategory & Product Templates: The FORTUNE3 Shopping Cart & E-Commerce Wizard software comes with a library of ready-to-use templates (layouts) for your Category and Product pages.You can select and view which category and product layout that will be used by your online store by selecting "Cart Templates" in the "My Web Pages" section of the wizard. If you preview some of these templates, you will see the differences between the layouts and how the product and category pages will be displayed with each layout. Categories: By selecting "Categories" from the "Page Type" drop-down menu, you can view the different category page layouts. Find the category layout that will best suit your needs by selecting the radio button pertaining to the layout that you wish to preview and clicking on the "Preview" button. Once you have your desired category layout "Save & Close" to enable the selected layout on your site. 
Products: By selecting "Products" from the "Page Type" drop-down menu, you can view the different product page layouts. The differences Find the product layout that will best suit your needs by selecting the radio button pertaining to the layout "Preview"button. Once you have your desired product layout "Save & Close" to enable the selected layout on your site. 
IMPORTANT NOTE ON EDITING CART TEMPLATES: FORTUNE3 does not recommend editing the html code in the cart templates unless you are a programmer and are extremely proficient with HTML code and study the Wizard's HTML cart template functionality all-around. If you want to modify our Category and/or Product page templates, select the "Modify As" button to download the selected Cart Template. The Wizard will now ask you to name your template ("New Template Name") . Enter a name for the Cart Template and click on OK. The template's layout and code will be displayed in the built-in HTML editor. Edit a Category  
Edit a Product  
If you would like to edit the Cart Template in an HTML editor like Dreamweaver or Microsoft Expression Web, click on "File -> Save & Close", and then click on Yes, and click here and proceed to follow the instructions for editing the cart templates with HTML Programs. Make your changes to the code carefully. If there are any 'if conditions' or 'loops' that are not properly formatted or closed, errors will show on the site. 'If conditions' and 'loops' should not be altered or removed, they look like this: [% IF ... %] [% ELSIF ... %] [% ELSE %] [% FOREACH ... %] [% UNLESS ... %] [% END %] Click on"File -> Save & Close" when finished. Note: Because of their complexity, customized "Cart Templates" cannot be previewed. FORTUNE3 also offers very limited support on customized "Cart Templates" because of their complexity and the difficulty of finding errors and problems with them. Refer to new images and animated objects being incorporated by specifying the file name followed by the corresponding file extension (.gif, .jpg, .jpeg, .png, .fla, .swf, .swd, .spl / exclude the Folder Path. i.e. <IMG SRC="imagename.gif..">). Folder Path for the 'Cart Template Design' - where to put your cart template's images and files: This field specifies the Template's Folder Path in your local drive for your custom cart template. The Template's Folder Path is shown under the HTML panel, which is usually: For Category Page Templates: For Product Page Templates: Incorporate all of the new images and animated objects referenced in the HTML code by saving their corresponding files (.gif, .jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl formats) directly into the specified Template's Folder Path - do not use sub-folders. The Template's Folder Path contains many files, particularly image files. You may change any of the files and images in the Template's Folder Path. When you upload, the changed images will be reflected on your site. Any new images or files you add to the cart template must have the image files located directly in the Template's Folder Path,without any sub-folders, and referred to within the HTML code as simply <img src="file.ext".....>. Image Editing on "Cart Templates" For Graphic Designers and Web Developers: To edit the cart template's buttons and graphics all at once, use Macromedia / Adobe Fireworks to modify the colors and design of the template's graphics ("Category Layout #.png or Product Layout #.png" are the files that will be downloaded with each template and should be available in your Template's Folder Path). Do not delete, change names, shapes, sizes and positions of the predefined slices). Once finished, use the graphics software to export all of the slices to the specified Template's Folder Path. |
Cart Options I want my general products page to contain: This is where you select what you want to display on your General Products page, which is the page that visitors will get to when they click on "Products" and represented by the link token {f3products}. Select one of the options given: Special Offers Only (if any): Selecting this option will display Special Offers, which are products that have both a Regular Price and an On Sale price defined. A "Related Categories" section will also be shown under the products for easier navigation within the current page. If this option is selected and there are no Special Offers in your Product Tree, your General Products Page will display your standard products. Special Deals Only (if any): Selecting this option will display Special Deals, which are products that are included in deals that are defined within Product Categories (Products beyond this point may reflect a 2nd product discounted by a percentage - Buy one, get the 2nd Product Discounted by ___%). If this option is selected and there are no Special Deals in your Product Tree, your General Products Page will display your standard products. All Products / Services: Selecting this option will display all of your web store's Products in the order in which they are in on the Product Tree. All products in all categories and sub-categories will be included. Categories and Sub Categories: Selecting this option will display only your Main Level Categories on your General Products Page (as "Related Categories"). Selecting this option will also make your shopping cart only display the Sub-Categories of a Parent Category, if a Parent Category is clicked on (on the Categories Menu) and if it has no products directly under it (only Sub-Categories) Category Pages should contain the following information: Checkmark only the options for the pieces of information that you would like to display on your Category Pages. Category pages show several products in each page, so if too much information is being displayed it may sometimes overcrowd your category pages with text. You can also specify how many products you want to display per category page. FORTUNE3 recommends that you do not display more than 15-30 products per page, as too many images loading on a page may bring slow loading times on your Category pages. Category Name: Makes the Category Name visible on the category pages. Category Description: Makes the Category Description visible on the category pages. Category Image: Makes the Category Image visible on the category pages. Category Add Description: Makes the Category Additional Description visible on the category pages. Category Path: Displays the full path of the parent categories to get to the current category. Category Results: Displays the number of items that are located in the current category. For example: "50 Items Found in *Category*". Search Link: Displays a link to your site's Search page on the category pages to allow your customers to search for specific keywords. Sort/Search Options: Displays the "Search / Sort Toolbar" on the category pages. The "Search / Sort Toolbar" Allows your customers to search for products in a category page by specific options such as Price Ranges, In-stock products, Special Offers, Brand, Custom Fields, or by keywords, and will also allow them to sort (order) the results by Name, Price, or SKU. This will search and show the results for all matching products within the current category. You can also disable and fully customize each particular category's Search Toolbar in the Category Properties window under "Search Toolbar Options", while leaving this checkbox enabled to leave the toolbar working in other categories. Related Categories: Displays any sub-categories that are within the current category, or all other categories within the same parent category. My Account/View Orders: Displays links to these pages on the category pages when a Retail customer is logged in to the "Order Status" section. This is also visible to wholesale customers on every page once they have logged in. The My Account page will allow your customers to change their addresses and information on file. The View Orders page will allow your customers to view any previous orders they have placed on your web store, and view the status of those orders (along with any assigned tracking numbers). A Log Out link will also be added as part of these links. Product SKU: Displays the SKU number for each product on the category pages. Product Category: Displays the category name that the product is in for each product on the category pages. Product Description: Displays the product's description for each product on the category pages. Add to Cart or Custom Order button: Displays the "Add to Cart" button for "Products" or "Custom Order" button for "Products with Options" for each product on the category pages, allowing the customers to add products to the cart directly from the category pages for "Products", or to go to the products' page to choose the options and order for "Products with Options". Product Name: Displays the product's name for each product on the category pages. Price: Displays the product's price for each product on the category pages. You Save: If a product is a "Special Offer" (if it has an "On Sale" price), this will display the "You Save" field and show the customer the monetary savings for each product on the category pages. Image Thumbnail: Displays a thumbnail (smaller version) of the main image that you have uploaded for each product on the category pages and links the thumbnail to that product's individual page. Customer Reviews: Displays any product ratings on the category pages for products that have been rated by your customers and whose ratings have been approved by you in the Administration Site's "Manage -> Product Ratings" section and also allows customers who have purchased from you (and registered with a password) to rate each product they have purchased. Custom Fields: Displays the custom fields for each product that has custom fields on the category pages. Stock Information: Displays the inventory or stock quantity available for each product on the category pages for products that have an inventory quantity specified in the "Manage -> My Inventory" section of the Administration Site. Display # products per page: You can choose the number of products that you would like to display on the category pages. FORTUNE3 recommends that you do not display more than 15-30 products per page, as too many images loading on a page may bring slow loading times on your Category pages. Depending on the Category Layout you have chosen, you should choose a number based on a multiplier of the number of columns that your category layout contains. For example, if your category layout uses 3 columns to display products, use 9, 12, 15, 18, 21, etc. If your category layout uses 4 columns, use 12, 16, 20, 24, 28, etc. Display Products in: "One Column" or "Two Columns". You can choose between the One-Column layout and the Two-Column layout for category pages. This is only enabled if you have the "Default Template" selected for Category Pages on the "Cart Templates" section of the Wizard. Product Pages should contain the following information: Checkmark only the options for the pieces information that you would like to display on your Products' individual pages. For example, you can hide/show the products' dimensions, hide/show the SKU, hide/show stock information and even display tabs to give you a better, easier way to organize the information for your customers. SKU: Displays the SKU of the current product. Product Category: Displays the Category that the current product is located in. Description: Displays the description of the current product. Add to Cart or Custom Order button: This will allow your customers to add the current product to their cart for purchase. Name: Displays the name of the current product. Price: Displays the price of the current product. You Save: If a product is a "Special Offer" (if it has an "On Sale" price), this will display the "You Save" field and show the customer the monetary savings for the product on the product's individual page. Image: Displays the main image that you have designated for each product on each product's individual page. Wish List: This option will allow customers to build wish lists (add items to a wish list from the products' individual pages for possible future purchase). Customer Reviews: Displays any product ratings on the products' individual pages for products that have been rated by your customers and whose ratings have been approved by you in the Administration Site's "Manage -> Product Ratings" section and also allows customers who have purchased from you (and registered with a password) to rate each product they have purchased. Tabs: If you have set up tabs for your products, check-marking this box will display the tabs on the product pages for those products that you have added tabs to (in each product's "Tab Setup" section. E-Mail a friend: Displays the E-Mail a Friend feature on your product pages, allowing your customers to e-mail a link to a specific product's page to an e-mail address of their choice. Custom Fields: Displays the custom fields on the products' individual pages for those products that have custom fields. Discounts: Displays any category-level discounts available for the current product for those products that are included in deals that are defined within Product Categories (Products beyond this point may reflect a 2nd product discounted by a percentage - Buy one, get the 2nd Product Discounted by ___%) directly on the product's individual page. Also displays the other products for which the discount applies to within the same category. Add. Description: Displays the information that you have entered into each product's "Additional Description" field. Stock Information: Displays the inventory or stock quantity available for each product on the individual product's page for products that have an inventory quantity specified in the "Manage -> My Inventory" section of the Administration Site. Min/Max Qty: Displays the Minimum Order Quantity and Maximum Order Quantity on each product's individual page. Refund Policy Info: Displays the Refund Policy that you have chosen in the "My Company" > "Return Policy" section of the FORTUNE3 Wizard on each product's individual page (e.g. "Note: Items are not refundable" or "Money Back Guaranteed for __ days"). Dimensions Info: Displays the dimensions (Height, Width, Length, and Weight) that you have entered into your products' properties screen on each product's individual page. Product Icons: Displays the icons that you have enabled in your products' properties screen on each product's individual page. For example, if the "Fast Shipping" Icon is enabled, a graphic of a shipping truck will be displayed. Related Products: Displays the products that have been recommended as Cross-Selling Items beneath the current product's information. For example, this may show something like "Other customers also liked..." and display other products or similar products to recommend, or products that go in combination with the product that is currently being viewed. If this is un-checked, the cross-selling products will not display on the product pages, but will display in other locations like the right column, or once the parent product is added to the cart. |
Fonts & StylesWhen you upload your E-Commerce web site with the FORTUNE3 E-Commerce & Shopping Cart software, all of the text on your E-Commerce web site gets a designated font style. For example, your menu items have a designated font style. You can change these fonts that are automatically generated by the Wizard. Proceed as follows: Click on "Fonts & Styles". From the "Style Name" drop-down list, select "style.css". Select the "Class Name" that you want to change, and change its properties. Continue to modify the properties of any "Class Name" that you want to change, when you are finished, click on Save & Close. NOTE: When "Template's Default" is selected on the "Style Name" list, you will not be able to modify the classes for it. If you want to restore your fonts to the default styles that came with your template, select "Template's Default" as the Style Name. You may also edit the CSS file directly through the code. You can find the file at this location: In order to find the corresponding classes to edit the specific fonts you need to change, you can go to your web site, and view the source code of the page. By looking through the code or searching for the specific text you want to change, you can match it with the classes in the CSS style sheet and change it accordingly. Main Menu Font Classes: The following is the list of class names that are used for your main Category menu. If you would like to change the fonts of the category menu, you simply need to change the properties of these classes: .heada .headahighlight .childa .childahighlight .menuinv 
|
Change Web Texts - MessagesClick on the "Change Web Texts"button. In the "Search For" field, search for the text or part of the text that you want to change (you can change any text/message located on your site or even on e-mails that are sent out to the customer when something is purchased). Once you find the text you are looking for, change it on the lower-left text field. The text will be updated in real-time while you are changing it. Your may click on the Edit HTML button to format the text using the built-in HTML editor. Proceed with changing any text in the same manner. When you are finished, click on "Save & Close ". Upload your site and your text/messages will be changed. NOTE: You can change all of the text on your site to other languages, just change every text to the language desired and this will make your entire web store's text in your desired language. 
|
Search Options
Search by Default: This drop-down menu allows you to choose the default way in which the keywords your customers enter into the search are treated by default. If "All Words" is selected, when a customer inputs a series of words, the product must contain all of the words in order for it to appear on the results page (though the words do not need to be in the specific order in which the customer entered them). When "Any Words" is selected only one of the single words that the customer enters needs to be within the product for it to be displayed. "Exact Words" causes the search to show only the products that have the words in the specific order in which the customer enters them. Please note that this is only the default setting, that is used for search fields that are in your template. In the "Search Page" the customer can choose any 3 of these options to search for products, but the one you select here will be the one that will be selected by default. Suggest Similar when there are no results: Selecting this checkbox will cause your search page to suggest keywords when the words which your customer inputs produce no results. The keywords suggested are similar to what the customer searched for, and will show results. For example, If the customer inputs "Haels"and the search page finds no products with that specific word it will offer "Heels" as a possible relevant keyword that produces at least 1 result. Results Per Page: You can choose the number of products that you would like to display on the "Search Page". FORTUNE3 recommends that you do not display more than 15-30 products per page, as too many images loading on a page may bring "Search Pages", Show Duplicates: Selecting this checkbox will cause the "Search Page" to display a product multiple times if it appears in more than one category. Search In: You can define the product fields to search through when a customer performs a search on your site, The wizard allows you to select SKU, Name, Description, Additional Description, Brand, Mft. Part Number, Tabs Text, or any Custom Fields as the product fields that are searched through. Add or remove the fields that you want the search to go through. Only the fields added to the right column will be used for the search matching. Filter Results: After the results of a search have been displayed a customer is able to refine ("Filter") the products that are within the results page. A drop-down menu will be displayed above the results allowing customers to choose which products they are interested in viewing. You can select additional filters to refine your search even further bringing the correct products to the correct customers. The filters available for you to display on your "Search Page" are By Price, By Category, In Stock, With Free Shipping, By Top Seller, On Sale, By Brand, and any Custom Fields that you have specified.
Sort By: This field allows you to provide your customers with different ways of sorting the products in your "Search Page" results. As drop-down menu will appear on the "Search Page" toolbar, above the products, allowing the customer to change the order of the results. The different sorting options are By Name, By Price, By Relevance, By SKU, By Brand, By Rating, By Top Seller, By Category. The default ordering is By Relevance. |
Menu Options
General Menu Settings: Menu Style: This drop-down menu allows you to change the way which your Menus display the various pages of your Web site. Select 'Expanding Menu' if you want your Category menu to expand to the right with its sub-categories when the mouse is over it (pop-out menu). Select 'Non-Expanding Menu' if you do not want your main menu to expand with Sub-Categories until they are clicked on. A 'Pull-Down' menu will instead pull down the sub-categories when the main category is clicked on (a 'Pull-Down' menu is only recommended if you do not have more than 3 levels of categories / sub-categories). 'Custom Menu' will allow expert web developers to create a fully custom menu with their code. Maximum number of sub-category items to be displayed: Controls how many sub-category items you want your Pop-out menu to show before a "More" button is presented and the remaining sub-categories go on a new pop-out to the right when the mouse is put over the "More" button. FORTUNE3 recommends having less than 20 sub-category items to be displayed in order to save vertical space and to avoid your customers from having to scroll down in order to see the full set of the sub-category menu. Web Site Menu Layout: This section of the "Menu Options" allows you to modify, create, or remove the menus that appear on your web site. Menus On: This drop-down menu allows you to select which web pages you want to view or modify the menus of. The 4 options are:
Copy content to all pages: Clicking this button copies the menus of the currently selected option under "Menus On" to all of the other options, a quick way to make all of your site's pages show the same menus as you have built them on the select page type.
Drop-Down Menu: Selecting this checkbox will cause the menu being added to be created as a standard drop-down menu, over-riding the setting selected at the top of the screen under "Menu Style" for the menu being added. |
Checkout Options
You can choose whether you want your customers to go through a Three Page Checkout, or a One Page Checkout. In a Three Page Checkout, the order process will be broken up into three sections (three web pages). The One Page Checkout will consolidate the entire checkout process into one easy to use and well organized web page. Select/Unselect Checkout Fields: This section allows you to select the type of customer information you would like to collect during the checkout process. Login Information: By registering with a password, your customers will be able to log in and view previous orders (through the Order Status button), and check their orders' status and tracking information (if tracking is assigned to the orders in the Admin Site). Customers who register will also be able to rate your site and products (if enabled in the "Rate this Site" which appears in the Menu Options section) and skip having to enter their address information when placing orders in the future by logging in. In this portion, you can specify whether you want your customers to be able to create an account during their purchases, whether you want to force them to create an account, whether you want to give them a choice to create an account or not during their purchases, or a combination of any of these. Registered Customer: Checking this box will allow customers who have previously registered with a password New Customer (No Registration): Checking this box will allow New Customers to place orders without having to register with a password on your web store (the password field become not required if selected). New Customer (w/ Registration): Selecting this box will allow New Customers to register with a password when placing an order on your web store. Un-checking this option will remove the password field so new customers cannot enter a password. Allow Customers to Save Cart for Later: Selecting this box will allow your customers to begin shopping, place items in their shopping cart, and return later if they need to by clicking on the Save Cart button shown in their shopping cart, and saving the cart. The items originally placed in their cart can be retrieved when they come back to your site and view the cart. Customer Types: This will give your customers the ability to choose the best fitting description on the type of customer they are from a drop-down list during the checkout process. Some fields of the checkout will change from non-required to required for certain customer types (e.g. If a customer chooses that they are a Corporation, they will be required to enter the Company Name and Company Phone Number fields during the checkout). You may un-check all options here if you do not want to ask your customers what type of customer they are. Note: If your Wholesale Site is enabled, leave the Wholesale customer option checked in order to have full wholesale functionality. Billing Information: These are optional billing address fields, if you do not wish to display them on your checkout, un-check them accordingly. The remaining billing address fields on your checkout are required and cannot be removed due to credit card processing, shipping calculation and tax requirements. Shipping Information: These are optional shipping address fields, if you do not wish to display them on your checkout, un-check them accordingly. The remaining shipping address fields on your checkout are required and cannot be removed for proper shipping calculations and credit card processing requirements. Final Step: By default your checkout comes with two fields on the final step, a field for Purchase Order # and/or a separate field for the customer to enter Special Instructions for their purchases. Both of these are text fields and will allow customers to type something in. Whatever your customers type into these fields will be saved and available to you when viewing your orders. The Purchase Order field is displayed as a single-line text input field, whereas the Special Instructions is displayed as a multi-line textbox. This can also be used if you need to ask your customers for other information during their purchases because you can change the texts "Special Instructions" and "Purchase Order" to whatever you would like to ask them in the Wizard's "Edit Web Texts" section. Add Fields: This section allows you to add more fields to the Checkout pages, so that you can gather additional information from your customers that is not gathered in the standard checkout. Any information that customers enter into these fields will be saved in your database as part of the orders. The information will be visible on the Order Confirmation e-mail and in your Admin Site. Enter the information into each field by following the guidelines below, and click "Add" on the right to add the field to your designated checkout page. NOTE: If you need to change a field that you have previously created, select the field from the box on the right and click "Delete". This will take it out of the box, however, it will populate all of the fields on the left with the information you had originally entered. Change what you would like to change and click back on "Add". This will place the field back into the box on the right. If you would like to simply delete a field, select it in the box on the right, click "Delete" and press "OK". Name: This will name the new field for your records. The name will not be visible to your customers. Field Type: You can choose what type of field you would like to display on your checkout. You can simply display information to customers (HTML OK), insert text fields for your customers to fill out, or give them choices to choose from a list. Default Value or List Values: This is where you enter the information that you want displayed, the default text to display in a Text field, or the list of values (choices) for your customers to choose from. To enter the choices for a list, separate each value with a "|". This is a "Pipe" character. It can be found on the same key as the Backslash, which is the key above the "Enter" key. For example, for a "How did you hear about us?" Drop-Down list, the list values should be set to something like this: Magazine|Newspaper|Television|Friend Field Caption: This field tells customers what this choice or text box is for. This is your question to the customer and is displayed to them. For example: "How did you hear about us?" Additional Properties: This portion is optional. If used, it does require some HTML knowledge as this actually controls the field's properties. For example: If you have an input field, you can enter "size=30" or "maxchars=10", and this will add these properties to the field in the HTML code. Location: This will allow you to choose which section of the checkout process this field will appear in. You can choose to put it on the Billing Info section, the Shipping Info section, on both the Billing and Shipping, or the Final Step. Any new fields that are added will always appear below the regular fields (on the bottom of the location, below the other standard checkout fields). Show on Invoice: By placing a checkmark in this box, after placing the order, the contents your customers typed in or the choices they made on added fields will be visible on the invoices they receive via e-mail, as well as in your order notification e-mail. By not checking this box, the information will not be displayed on the customers' invoices, but will be on the order notification e-mails that you will receive. Required: By placing a checkmark on this box, you will make the field being created required for the customer to input or select in order to place the order. |
Top: Table of Contents | Previous: My Company | Next: My Products