Completing your website's checklist when you 1st buy our service
WhiteOakBooks BookSite Forums
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



Completing your website's checklist when you... Expand / Collapse
Author
Message
Posted 1/19/2009 6:42:13 PM
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

Group: Administrators
Last Login: 6/24/2015 11:16:46 AM
Posts: 630, Visits: 2,623

 

Before reading this article you might want to review this article (General Website Control Panel Editing Help  ) which goes over several of the standard editing functions of the control panel.

 

Also please remember…. You cannot permanently break your website.  Be encouraged to experiment with look and feel.

 

If you want to make big changes to the website and want a backup of your current look and feel contact use and we can back it up.

 

Your website has a checklist of common tasks that should be completed when you 1st configure your website.

 

This article is a in-depth explanation of those checklist items.

 

Step 1 - General Store Settings Completed

 

Click on the ‘General Store Settings’ under the General Settings header.

 

You have to fill in the ‘Store Name’ and the ‘Store Email’ fields.  If you want to receive commissions from your Amazon sales you have to fill in the ‘Associate ID’ field.

 

The rest of the fields are optional and not required for the website to function.  It is a good idea to review them and the help file about them sometime in the future.

 

When you have completed filling in the fields click the ‘Save and Close Page’ green button at the bottom of the screen and you will be returned to the main website control panel.

 

Step 2 - General Store Look & Feel Setup

 

This is one of the tougher steps to complete satisfactory.  Your website is the face of your store to the general public.

 

Getting your store to look correct my seem overwhelming but remember it can be done over time.

 

There are 2 main starting points:  Logo and Main Colors.

 

If you already have a Logo then the main step is to choose several main colors to match it.

 

 

Here are some websites that can help you with colors:

(to save off color choices you want the Hex value which is always in the form: #BDD684 with/without the ‘#’)

 

http://www.degraeve.com/color-palette/  - This website takes an image and gives you a list of all the colors contained in the image.

 

http://www.wellstyled.com/tools/colorscheme2/index-en.html - This website allows you to pick one base color and gives you related colors.

 

http://kuler.adobe.com/ - Give you themed groups of colors.  When you find a theme you like you click on the icon that has 3 little slider bars. (it will say: ‘Make Changes To this theme and view color values’ when you hover your mouse over it)   This will give you the color values.

 

If you do not have a logo the 1st step is to create (or have one created) one.

 

Once again you need starting colors… use the above links to help pick them.

 

There are many places that will create logos.  Dave at ForeStelves books ( http://forestelves.com/graphicarts.html ) will create logos and related WOBBookSite images for a reasonable price.

 

Here are some websites where you can create your own:

 

http://cooltext.com – Create logos and buttons

http://grsites.com – Logos, buttons, backgrounds.

http://designedtoat.com – Clip Art

http://www.coolarchive.com - Logos, buttons, backgrounds, clip art

 

Once you have your logo and base colors it is time to add them to your website.

 

Click the ‘General Book Store Look & Feel’ link under the ‘General Settings’ heading.  All the settings defined here will apply on all pages on your website unless you override them on specific pages.

 

The websites are divided into 4 main sections:  Header, Left Category Column, Center Content Section, and the Footer.

 

A Top Bar and Bottom Bar separate the Header and Footer from the center.  The Top Bar also contains links to other major sections of your website.

 

The Center Content Section is where your inventory and other content appears.  It has its own header section.  Typically the Category Name or Item Title will go there on inventory pages while you define what goes there on other pages.

 

The Left Column is usually the list of Categories.  There is an optional section below the left where you can add content that will always appear under the categories.

 

There is also a right column that does not appear by default.

 

Every section on this page has a Green button you click to edit that section.

 

We will go down the list and setup what is necessary for your website:

 

Edit Page Header

This controls the look and feel of the top of every page.  These are the fields that need to be edited:

Logo’ – The name of your logo file you have uploaded. 

‘Logo Alignment’ – Whether you want the logo to be centered or justified to the left or right.

‘Page Header Background Color’ – Pick or Enter the background color of the page header.

 

Click the ‘Save & Close Page’ green button when done.

 

Edit Top Bar

This controls the color of the Top Bar. 

Top Bar Background Color – This is the color of the bar.

Top Bar Text Color – This is not the links… this usually is only the | between them.

Top Bar Font / Top Bar Font Size – How the text/links look.

Top Bar Links – How the links themselves look

 

Click the ‘Save & Close Page’ green button when done.

 

Edit Item Header

This configures how the center page header looks.  The Text should be reasonably large.  All values except the background image color should be filled in.

 

Click the ‘Save & Close Page’ green button when done.

 

laceName w:st="on">EditlaceName> laceType w:st="on">CenterlaceType> Display

There seems like there are a lot of fields to enter here but it is pretty straight forward.

 

You are defining how your inventory looks including the buy box text and colors.

 

On some pages you can display your inventory in either a large or small size so both can be edited.

 

In general we recommend that you display inventory on white ( or near white ) colors with black ( or other dark ) text.

 

When setting up a website you can leave all the defaults.  Later you can experiment with different shades of colors here.

 

 

Edit Left Column

Once again there seems to be a lot of fields to edit here but in most cases only a few items need to be changed.

 

The Logo spots are only for those users that have square type logos that look better on the color instead of on top.

 

The ‘Navigation Width’ should be set so your largest category fits without wrapping.  200 is usually fine for most websites.

 

The ‘Left Navigation Background Color’ is the color for the whole left column.

 

The Left Navigation Text, and Fonts only need to be changed if you add your own text under the categories.

 

The Search/Browse Header control the large text that appears over the search box and categories.

 

The ‘Browse Categories Link’ control the size/look and color of the category links.

 

The rest of the fields are for advanced uses and do not need to be modified.

 

Click the ‘Save & Close Page’ green button when done.

 

Edit Bottom Bar Color

Your only choice here is to edit the color of the bar.

 

Edit Page Footer

A lot of fields here but you can leave all the defaults.

 

When you have completed all the look and feel setup click the ‘Admin Home’ in the upper right column.

 

Congratulations… if you made it though here you’ve made it through the most complicated part of the setup.

 

 

Step 3 - Shopping Cart Settings Completed

 

Click ‘Shopping Cart Settings’ under the ‘Payments and Shipping Settings’ header.

 

There are two very important settings here that need to be reviewed/set.  Paypal Email and Enable Paypal Standard Payments  . If you plan to take paypal payments you must set those fields.

 

The rest of the fields are just general look and feel type fields.  The help pages have detailed descriptions on them.

 

If you wish to have AOB pull website orders then please read the Knowledge Base article on the forums.

 

If you have changed any fields click the ‘Save and Close Page’ green button at the bottom of the screen and you will be returned to the main website control panel.

 

 

Step 4 - Shipping Settings Review

 

Click ‘Shipping Settings’ under the ‘Payments and Shipping Settings’ header.

 

This is where you configure what to change users for shipping when they pay through paypal. 

 

If you have changed any fields click the ‘Save and Close Page’ green button at the bottom of the screen and you will be returned to the main website control panel.

 

 

Step 5 - Inventory Item Display Reviewed

 

Click on the ‘Inventory Items Display Settings’ under the General Settings header.

 

This area allows you to define what data shows up about an item on various pages.  In general you can keep the defaults but you should review them.

 

If you have changed any fields click the ‘Save and Close Page’ green button at the bottom of the screen and you will be returned to the main website control panel.

 

Step 6 – Standard Pages & Menu Setup Completed

 

This allows you to add some standard pages to your website like an About page or Store Policies page.  These are not required.

 

To add/modify standard pages click the ‘Add & Configure User Pages’ link under the ‘User Pages and Menu Setup’ heading.

 

Find a page you would like to add to your website. (Ignore the Home Page for now)

 

For example… click the ‘Edit’ button by the ‘About’ to create an about page.

 

To the right you will see the current About page.  There are 5 sections you can edit.

 

Edit General Page Settings

Two items have to be set here.

1.      This Page Enabled  – If this is not check the page will not appear.

2.      Link Text – This is the text that shows up on the menu.

 

The Browser Title Bar text and Meta keywords/description help guide search engines about what is on this page.

 

You have a choice on what menus the page appears… the defaults are fine.

 

Click the ‘Save and Close Page’ green button at the bottom of the screen to return to the section list.

 

Edit Left Column

Click the ‘Left Column Enabled ’ if you want the normal category list to show on this page.  If so you can also configure what other items can appear.

 

Click the ‘Save and Close Page’ green button at the bottom of the screen to return to the section list.

 

Edit Page Header

This is the text that appears at the top of your Page below the top bar.  It should be a short title/description of the page.

 

laceName w:st="on">EditlaceName> laceType w:st="on">CenterlaceType>

This is your main page text. 

 

Edit Right Column

If you have a standard right column (or want one for this page) this is where you enable it.

 

Do the above steps for each standard page you want to appear on your website.

 

The Home page is a special case.  The main page text has its own editor.  But you want to setup the Browser Bar Text here

 

 

Step 7 – Home Page Setup

 

This is one of the most important setups but also when of the most complicated. 

 

Do not expect to understand/master all the options here.  The editor is designed so you can make your home page look however you want.

 

But there are a couple of things that really need to be changed from the beginning:

 

Click the ‘Home Page’ link under the ‘Inventory Pages’ header.

 

The area you have to edit is the ‘Edit Home Page Header’ section.

 

Click that Green button.

 

This text is the text that appears on your Home page right under your top bar and above your featured items.  It is the introduction to your webstore.

 

You can have color and text specific to these spot.

 

Click the ‘Save and Close Page’ green button at the bottom of the screen to return to the section list.

 

The ‘Edit Home Center Display’ is the other important section.  These contains all the text/featured items for your home page.

 

By default the website displays 3 random featured items from your inventory.

 

The options here are endless and there is help on the editor directly.

 

 

 

Post #262
« Prev Topic | Next Topic »


Reading This Topic Expand / Collapse
Active Users: 0 (0 guests, 0 members, 0 anonymous members)
No members currently viewing this topic.
Forum Moderators: AndyLL, WOTAdmin

Permissions Expand / Collapse

All times are GMT -6:00, Time now is 12:29pm

Powered By InstantForum.NET v4.1.4 © 2018
Execution: 0.125. 9 queries. Compression Disabled.