Content Management with Web Shop Manager (WSM)Content Management with Web Shop Manager 9. Content – WSM offers two views for adding content. 1) Text box as it appears by default

CONFIDENTIAL Page 2 of 24

Content Management with Web Shop Manager

Content Management

Index

Content Management

Site Pages ........................................................................................... 3

Templates ............................................................................................ 5

Navigation ............................................................................................ 7

Files & Images ...................................................................................... 8

Site Modules

News ............................................................................................... 11

Calendar .......................................................................................... 13

FAQ .................................................................................................. 15

Locator ............................................................................................ 17

Photo Gallery ................................................................................... 18

Resources ........................................................................................ 22

Surveys ........................................................................................... 23



Index

Site Pages

In addition to pages created by your Categories and Products (see Getting Started manual), and

other modules, we will discuss in this manual how your site will require Site Pages that contain other

information. A few examples are about us, history, privacy, security, terms of use, or maybe a page for

resellers. Whatever your case may be, WSM™ makes adding this type of page easy! Not only will they

look like the rest of your site, but you can also easily add them to specific menu groups.

To add a page to your site, highlight Content from WSM™ menu and click Site Pages. Below is an

example of a site that already contains 7 Site Pages.

To add a new Site Page, click the Add Page button. This will open the following screen. Each

numbered item is described below.



1. Name - Every page is required to have a name. This name is displayed at the top of your page,

as the link if you assign it to a menu group, it is used in the URL for the page if you do not

provide a URL, and the title if you do not provide one. You should type this name in the correct

case for your site depending on the design. Your page name should describe what the viewer

would find on the page. It should be short and to the point!

2. Link Title – This is the text that is displayed when you hover your mouse over the menu link. It

is also the information that is read by screen readers when used.

3. URL – This is the text used in the generation of the URL for this page. This should NOT include

the .html or the leading /p-123- components of the URL, as those are automatically added.

Example: If you type a name for the page About Us, but you do not provide a URL, the URL for

this page will be (assuming that your domain name would be in place of webshopmanager.com),

http://webshopmanager.com/p-1083-about-us.html. If you type about in the URL field it will

change the URL for this page to, http://webshopmanager.com/p-1083-about.html.

4. Title – This is the title that is displayed in the browsers Title Bar (at the top of the browser

window). It will also appear as the link title when the page is listed on search engines. If you do

not provide information in this field WSM™ will assign the page name as the title for you.

5. Search Engine Information - Search engines utilize the next 4 items. Trying to master Search

Engines could be a full time career and is for some people. Please do not get lost in this area.

Meta Title - Title displayed in browser title bar. If you do not provide information in this field

WSM™ will use the Title or Name.

Meta Description - Text shown in meta description tag. You could copy some of the main

content of your page into this field.

Meta Keywords - Text shown in meta keywords tag. List words relative to the content of this

page and separate them with a comma.

Head Code - Code put inside of the <head> tag.

6. Customer Required - This feature, when enabled by selecting Yes, will require the viewer to

have or create an account in order to view the site page.

Customer Group - This allows you to put a second level of availability on your page. If you

select a group, only the customers assigned to that group will be able to access the page. This is

useful, for example, if you have information you only want available to your resellers or if you

have “employee only” information on your site. See Customer/Groups in the Intermediate Site

Settings & Features Manual for more information about creating groups.

7. Template - This determines which site template should be used when displaying the page. If

your site utilizes more than one template, click the drop down menu and select the appropriate

template. If your site only utilizes one template, you do not need to change the default selection

of –none-, which will use the default template.

8. Priority - Determines the order this link is displayed when assigned to the menu you select

below. The higher the number will move the item up or to the left in priority of the menu.

Menu Group - Determines which menu group this link is displayed in. Click the dropdown arrow

and select the group. If you plan to link this page from another site page and do not want it to

appear in a menu, leave the menu group at none. You can then link the page from the content of

the site page.

Child Menu Group - Menu group to display as a child drop-down, also used in page-specific

menus. If you select –New Group- an additional text box will appear. Use this text box to type

the name of the new Child Menu Group you want to create. Once you click save for the site page

the new group will be an option on the drop down list.

Hidden – The hidden feature allows you to have pages that are not available for viewing. To

change this page so it is hidden, click Yes.



9. Content – WSM™ offers two views for adding content. 1) Text box as it appears by default. You

can begin typing in the box provided but you will need to type all the HTML Code required for

your content to display properly. 2) Enable Editor, click this button to access an easy to use

editor. Your display will change and you will have access to several tools for building the content

on this site page. These tools include but are not limited to adding images, creating links, pasting

content form Word, spell check, font display, and several more. It is almost like working in Word!

Use these tools to build a user-friendly page. Have Fun!

Remember to click the Save Changes button when you have finished creating your page and whenever

you have made changes. This will save your page and take you back to the Site Pages listing.

Index

Templates

A template is the source of your site design. Without this your site would be boring and colorless. One of

the greatest features in regards to templates is the ability to easily use them throughout your site. If

you have sections of your site that you want to look completely different or to only have a few

differences, you can create multiple templates to easily implement this.

If you change a setting within your template, it is then automatically updated on all of the pages that

use that template. It‟s like magic!

Your template is created with advanced HTML code and is usually created by a WDS/WSM™ team

member. Please take caution when editing your template and always confirm your change by viewing a

page that uses the template you changed.

To access your template, highlight Catalog and click Templates from the dropdown menu. Notice that

this site already has a template set up called Default. Because this site only contains one template it

will be used on all pages on the site.

You have 4 options you can perform from this screen: Add Template (using the button on the right),

Edit , Copy , and View .

Below is the Add Template screen. Each numbered item is discussed below.



1. Name – Use this name to identify your template. Your main template that is used should have

the name Default. The name you provide will appear on the drop down list that appears on

forms within WSM™ where you can choose a template. If you only have one template WSM™ will

automatically use the template named Default.

2. Text – This section of your template is usually provided by a WDS/WSM™ team member. They

will create the template based on the design established when you first set up your site. The

information provided in this box will be displayed and must be entered in HTML code. If you are

an intermediate or advanced user you may consider making changes to your template. We

recommend that you always make a copy of your page prior to making any changes. You can

then use this copy to test any changes you want to make. See below for instructions on creating

a copy.

3. Add Template – Click this button to save and add your new template to your site!

Copy Templates

If you want to test a change to your site template it is a good idea to following these recommended

steps.

1. Make a copy of existing template. Perform this action by clicking the copy icon next to the

template you want to copy.

2. Make your changes to the new template and save.

3. Assign the test template to a test site page.

Return to the Site Pages feature in WSM™. Create a new site page and name it test. Assign the

test template and type test in the content field. Save the site page. You can then click the view

icon for the site page to see the changes you made to the template. When you are done with

your changes delete the site page.

4. Now that your changes are confirmed you can copy the template and paste it over the default.

Click the edit icon for the test template. Click your cursor in the Body field, press the Ctrl A keys

on your keyboard to select all the content of the body. Press Ctrl C to copy. Click Template on

the menu above the edit screen. This will return you to the template list. Click edit on the

template you want to update. Click your cursor in the content of the Body field. Press Crtl A to

select all, press Ctrl V to paste. Click Save Changes. View a page on your site to make sure you

template looks like you thought it should. If something is wrong, you can always roll back to an

older version, see #3 on the next page.

Edit Templates

Below is an example of the Edit Template screen, additional items from the Add Template are

numbered and discussed below.

1. Delete – Click this button to delete the template. Please note that this cannot be undone. Delete

only if you are certain you no longer need this template.



2. Stamp – Will show the last date the template was saved.

3. Older Revisions – This feature will allow you to go back to a previously saved version. Click the

dropdown arrow to see a list of dates you are able to go back too.

Index

Navigation

The navigation screen is one of the ways you can control the links that appear in your menus. Menus are

used to give your viewers access to all of the features/pages your site offers. The navigation screen

works hand and hand with site pages. You can create a Site Page from either Navigation or the Site

Page screen. Every time you add a Site Page it is listed on the Navigation screen whether it is part of

a menu or not. You can also use the Navigation screen to create links to the different Modules offered

in WSM™. If you want to change or add a link to existing pages or modules you can do so from here.

To access the navigation screen, highlight Content and click Navigation from the dropdown menu.

Below is an example of a site with several navigations.

If a page that you want to add to a menu is not already created, you can click the Add Page button to

access the Site Page form. If you want to add a link to a module, category, page, or URL, click the

Add Link button.

Below is an example of the Add Link form. Each numbered item is discussed further.

1. Name - Name of the link as it will appear in the menu, unless you provide a Link Title below.

Link Title - Menu link title or hover text displayed in site navigation menus.



2. Priority - Determines the order priority when displaying the link (within the menu you select

below). The higher the number will move the item up or to the left in priority of the menu.

Menu Group - Group menu items are displayed.

Child Menu Group - Menu group to display as a child drop-down, also used in page-specific

menus.

Link Target – Determines how the link will open the page. If you want it to open in the same

window (replace the current page they are viewing), select _self which is the default (normal). If

you want it to open in another window or tab select _blank.

3. Type – Select the type of link you wish to create. You have 4 options and each is directly related

to its field below the drop down list. The specific field will become available when you select the

type.

Module - This will list all modules available through WSM™ when you specify WSM Module in

the Type. Click the drop down arrow and select the Module you would like this link to open. A few

examples are Calendar, Contact, Locator, and News.

URL – If you specify URL as the Type then you will need to provide the website/web page you

want the link to open. For example if you are creating a link that will navigate the viewer to

google you would type www.google.com. This would be a good time to set the Link Target to

_blank.

Category – When Category is selected for the Type this dropdown will include a list of all

Categories created in WSM.

Page - When Page is selected for the Type this dropdown will include a list of all your Site

Pages created in WSM.

Index

Files & Images

The Files & Images feature is your place to upload any files you need to support your site. Please note

that most of the images on your site will be uploaded within other areas such as products, categories

and the photo gallery. Examples of files & images you may upload in this section include 1) all images

used in the design of your site 2) images that are displayed on your Sites Pages 3) files that you may

want to link to from different areas of your site. You will also see special files that were uploaded by the

WSM™ team. These files are used to control how your site looks and functions (style.css) you will want

to make sure that you do not mistakenly delete any of these files.

WSM™ also includes a folder feature you can use to keep these files organized. If you plan to use folders

you should create them prior to uploading the files, or at least prior to linking them within your site.

You can move files at any time, however you will be required to update any existing links or references

to include the new folder name.

To access the Files & Images section, highlight Content and click Files & Images. The following

screen shot is an example of what you may see. Of course, your site will contain files with different

names.

From this screen you can create a folder, upload, edit, view, and copy files.



Creating Folders

First we will begin by creating a folder. Click the New Folder button on the right. You will see the

following screen. Each numbered item is discussed below.

1. Name – this is the name of your folder. We recommend not including spaces - consider using the

– or _ characters instead. This folder name will become part of the URL for the image or file.

2. Parent – This is used if the folder you are creating is a sub folder (a folder inside of another

folder). If this is the case, click the dropdown arrow and select the folder name. If not, leave as

–none-.

Click Save Changes button when you have finished to save your folder and return to the Files &

Images screen. Now that your folder is created, you can upload files into the folder. Notice that the

folder name has a special icon that the other files don‟t have . When you use this icon to upload files

they will be uploaded directly into the folder. If you use the Add Files button then the file(s) will be

uploaded to the main area. You can then edit and move them to a folder. But before we discuss moving,

let us look at the upload screen.

Uploading Files

To upload files, click either the upload icon next to a folder name or the Add Files button. To confirm

where you are uploading your file(s) review the title at the top in yellow. If you are uploading into a

folder you will see the /Folder name. In the screen below we are uploading into the /specials folder.

Each number item is discussed.

You can upload files (2) ways: individually or multiple files at the same time. Both are available from the

same Add Files screen. See #4 and #5 for details on using the „Multi-File Uploader‟.



1. File to Upload – Use this field to upload a single file. Click the Browse button to open a window

similar to the screen show below. Navigate to the location of your file, click the filename, and

click the Open button.

2. New Filename (Optional) – If you want your file to have a specific name different than the

actual filename provide it in this field. If you leave this blank WSM™ will use the original

filename. The filename is used in the URL for the file.

For example, the file I selected to upload is called Moms Day.jpg. If I leave this field blank my

URL will be (assuming your domain name will appear in place of webshopmanager)

http://www.webshopmanager.com/files/specials/moms-day.jpg. But if I type MDay in this field

my URL will be http://www.webshopmanager.com/files/specials/mday.jpg.

Note that WSM™ will convert your capitalization to lower case and spaces to hyphens.

3. Add Line – You can use the Add Line button to add another file to this upload process. Once

you click this button, an additional File to Upload field will appear.

Upload Files – Once you have the file or files listed on your screen click this button to finalize

the upload process. You will then return to the Files & Images screen.

4. Multi-File Uploader – This section of the Add Files screen is very useful if you have more than

one file to upload. Begin by clicking the Browse button under the Select Files to Upload

heading. This will open a window just like the single file upload feature above. However, this time

you can select multiple files from the same folder. First navigate to the folder that contains the

files you want to upload, and then you can select the files. You can use the following keyboard

and mouse actions to select multiple files.

Selecting Files One at a Time

Click the first filename. Hold down your Ctrl key (PC) and click the remaining filenames. If you

click a file you decide you do not want, continue to hold down the Ctrl key and click the file

again. This will unselect the file. Once you have all of your files selected, release the Ctrl key and

click the Open button. WSM™ will display the filenames in the Multi-File Uploader screen.

Selecting Multiple Files at a Time

This feature is useful if your files are listed together in your folder. Click the first file in the group,

hold down the Shift key (PC) on your keyboard and click the last file in the group. This will

highlight all files in between. If you have a file or files in this group you do not want you can use

the Crtl Key to remove. Press the Crtl key and click the highlighted file to unselect it. Click the

Open button. WSM™ will display the filenames in the Multi-File Uploader screen.

Click the Upload button below the list of your files to add these photos to your Files & Images

screen.



Moving a File

You can edit a file to accomplish several operations. Remember, if you move or change the file name

and your file has already been linked you will need to update the HTML for the link.

To edit the file, click the edit icon to the left of the file name. You will see a screen similar to the one

below.

1. Folder – Click the dropdown arrow to view a list of folders available for you to move your file too

and click the folder name.

Click the Save Changes button to continue. You will see the message below. If you are okay

with changing the HTML for any location where this file might be linked then click Ok. If not, click

Cancel.

Replace/Update Files

You may find a time when you need to update a graphic or a file. You can update in two different ways.

1. Upload a file with the same name into the same location. This will automatically replace the old

file.

2. Click edit on the file you want to update. Click the Browse button. Locate your file and click

Open, Click Save Changes button.

Index

News

News is a great way for you to post information for you viewers and to allow them to interact with

comments. The News module consists of 3 elements: Topics, Articles, and Comments. Each element is

discussed in this section. Note: you may have Articles without Topics but you would not want a Topic

without Articles.

Another way to consider News is like a blog. Wikipedia defines blog as a type of website, usually

maintained by an individual with regular entries of commentary, descriptions of events, or other

material such as graphics or video. "Blog" can also be used as a verb, meaning to maintain or add

content to a blog.



To access News, highlight Modules and click News. This screen will list all News Articles, that have

already been created.

1. Add Article – Use this button to add new articles. If you plan to add the article to a Topic, you

can still begin from this screen.

2. Manage Topics – Click this button to access a list of Topics or to add a new Topic. This is

discussed in more detail in the next page.

3. Manage Comments – Click this button to see a list of all comments. Comments are discussed in

detail on the next page.

Adding Articles

Whether an article is assigned a specific topic or not, it is listed on the main News page by date. Below

is the Add Article screen, which you access by clicking the Add Article button on the News Articles or

News Topics screen. Each item is discussed below.

1. Title – This is the title of your article that is displayed as the link on the news page. It is also

used as your heading for the article and in the URL.

2. Topic – This drop down list will contain a complete list of all Topics you have created. Do nothing

with this field if you do not plan to use Topics or have not yet created one.

3. Body - WSM™ offers two views for creating the body of your article. 1) Text box as it appears by

default. You can begin typing in the box provided with or without using HTML Code. If you do not

provide any formatting with HTML your copy will be listed as one long paragraph. 2) Toggle

Editor, click this button to access an easy to use editor. Your display will change and you will

have access to several tools for building the content on this site page. These tools include, but

are not limited to, adding images, creating links, pasting content from Word, spell check, font

display, and several more. It is almost like working in Word! Use these tools to build a user-

friendly page. Have Fun!

4. Keywords – Type words that relate to your article and separate them with a comma. These

keywords will help with search engines classifying your page.

5. Hidden - Whether the article should be available on the news and/or topic page. If you specify

“Yes” the page will not be listed or viewable.



6. Added – This is the date and time when the article will be posted. If you do not specify, WSM™

will use the current date and time when you click the Add Article button.

Managing Topics

Topics are used to organize/group the articles you post. For example: Breaking News, Product Features,

or even New Product News. Once you add a Topic you can create articles from the News Topic screen to

add them to the topic page.

To access or create a topic, click the Manage Topics button. This screen will list all News Topics, if

you have already created some.

To add a new topic, click the Add Topic button. Below is the Topic form. Each numbered item is

discussed.

1. Title – This is the title for your topic and will be displayed at the top of the topic page, used in

the URL, and listed as a link at the bottom of each article that is classified by this topic.

2. Template - This determines which site template should be used when displaying the topic. If

your site utilizes more than one template, click the drop down arrow and select the appropriate

template. If your site only utilizes one template, you do not need to change the default selection

“–none-“, which will use the default template.

3. Priority – Determines the sorted order for topics. A higher number will move the item higher in

priority.

4. Hidden – When “yes” is selected this topic and all its articles will not be available for viewing.

Managing Comments

A comment is a feature that will allow a registered viewer the ability to submit a comment on an article.

All comments are related to Articles not Topics. To see the list of News Comments, click the Manage

Comments button from the News Articles screen. If you are on the News Topic screen you will need

to click Manage Articles button first.

From the News Comments screen you can delete or view each comment. This screen will also allow you

to see which Article this comment was added too, who added it, and when.



Index

Calendar

You can use the calendar to announce/display events to your viewers in a calendar layout. You can then

use the Navigation feature to add a link to your calendar from within your site menus.

To access the calendar feature, highlight Modules and click Calendar. The screen below shows a site

with no events currently scheduled.

Click the Add Event button to start adding events to your calendar. Each item in the Add Event screen

is discussed below.

1. Title - Name of the event. This is also the text that will appear as the link in the calendar view.

Date - The date the event occurs. Click the calendar icon to access a pop out calendar to select

your date. If your event is only a single day, you do not need to enter the „until’ date.

Time – This is the start time of the event. Use the „until’ field to specify when it will end. If the

event is all day, then check the all day event check box.

2. Venue Name - Name of location where your event will take place.

Email – The email address that your viewers can use to submit inquiries.



Address - The address where the event will take place.

Address 2 – Additional address information.

City – The city where the venue is located.

State/Province – State or province where the venue is located.

Phone - Phone number to contact for information about the venue.

Website – The URL for the venue's website.

Note: you must enter the http:// in front of the www.

Tickets URL – The URL for the site to purchase tickets.


Photos URL - The URL for the site to view photos.


3. Description – A description of the event. If you have this information in a word document you

can copy and paste that information into this field. You can also use HTML code in this field to

add formatting to your description.

Event Flyer – You can use this feature to upload an image file (.jpg, .jpeg, .gif, or .png) for the

event. The image will be displayed to the left of the event information, when a viewer clicks on

the event in the calendar.

Click the Save Changes button when you have finished providing the necessary information. You will

then return to the calendar screen. Here you can use the edit icon for the event to make changes, or

use the view icon to review how your event will be displayed to your customers.

You can also use the copy button as a shortcut to create additional events.

Index

FAQ

The FAQ module is a great way to incorporate question and answer pages or informational pages into

your site. When using this tool and linking to the main FAQ page, WSM™ incorporates links to the

question/answer and back to the top of the page, allowing your viewers easy to use navigation to

browse the FAQs with little effort on their part.

FAQs consist of two components: Topics and Articles. Topics are used to organize the articles for

easy access and the Articles are the actual questions and answers. For this example we will have

multiple questions about shipping. So we will create a topic called Shipping Policy and then create the

questions.

To access FAQ, highlight Module and click FAQ. In this example there are no topics created.



To begin, we need to create a Topic. Click the Add FAQ Topic button to access the screen below. We

will discuss each numbered item below.

1. Title - The name of your topic. In this example it will be Shipping Policy

2. Template - This determines which site template to use when displaying this page. If your site

utilizes more then one template, click the drop down arrow and select the appropriate template

for this page. If your site only has one template, you do not need to change this field, just leave

the dropdown list at – none-.

3. Priority - Choose the order of the FAQ Topics. Higher priorities are displayed before Topics

with a lower priority.

4. Hidden – Clicking “no” will allow this Topic to be viewable and listed on the FAQ page.

Once you have added the information, click the Add FAQ Topic button to save the information. You will

then return to the FAQ Topics page.

To add questions to the topic, click the List icon . This will display a screen similar to the one below.

From here you can add a question (article) to the topic.

To begin, click the Add FAQ Article button on the right. It will display the screen as shown below. Each

item is discussed in detail below.

1. Question – Type the question that is being answered in this article. You can also think of the

question as a heading if you are using the FAQ Module to create a page with headings and

content.

2. Topic – Select which FAQ Topic this article should belong to. In this case, you want to click the

dropdown arrow and select Shipping Policy.

3. Priority - Determines the order of the Articles. Higher priorities are displayed before items with

a lower priority.

4. Hidden – You can use this features to hide and unhide articles. If they are hidden the viewer will

not see the information provided on the FAQ topic page.



5. Answer – Type the answer to the question for this article. You can use HTML code in the answer

to provide layout/design or links. If you used the Question as a Heading, the Answer would be

the content you want displayed below that heading.

Remember to click the Add FAQ Article button which will save the article and take you back to the

list of articles/questions.

Click the edit icon to the left of each article to make changes as needed. If you are returning to edit

an article later, remember that you need to click the List icon to the left of the Topic to access

the list of Articles.

Index

Locator

The Locator feature works in conjunction with Google Maps to generate a map of your locations. The

WSM™ Locator page, when viewed by your visitors, will include a search feature where they are able to

search the listing/map for locations nearest to the zip code or address provided. The only information

required to map a location is a Name and Zip Code, however, if the street address is provided Google

will map the exact location.

To access the locator feature, highlight Modules and click Locator. Below is an example of the locator

screen without any locations.

To begin adding locations, click the Add Location button. The add location screen will appear. Each

numbered section of this form is discussed below.

1. Location Name – Enter the Name of the location. This information is required to save and

create the location.

Hidden – When “Yes” is selected, this location will not be shown on the map and will not be

included in the listing of locations below the map.



2. Address – Provide the street address for the location.

Address 2 – Provide additional address information, if needed.

City – Enter the city for the location.

State/Province - State (US) or province (Canada) of the location.

Zip - Postal code of the location. This information is required to save and create the location.

3. Phone Number – Provide the phone number to contact the location.

Phone Number 2 – This field can be used to provide an alternative phone number to contact the

location.

Fax Number – The fax number to contact the location.

Email – Provide the email address to contact the location. The address will appear as an active

link for the viewer to click to begin a message using their email program.

4. Website – Enter the URL for the location's website. You need to type the http:// in front of www

when entering the URL.

Hours – You can use this field to provide the hours of operation for the location.

Comments – Use this field to provide any additional comments about the location.

Click the Add Location button when you are ready to save. This will save your information and keep

you on the location page. If you are done editing, click the Save Locations button to return to the

main Locator screen where you can click the Add Location button to begin adding another location.

You can edit an existing location by clicking the “edit” icon to the left of the location. When done

editing, click the Save Location button. This will save and take you back to the main location

screen.

In order for the locations to display properly to your customers on the map you need to confirm that

you have setup your API Code in the System/Configuration. For more information about this

feature, view our “Getting Started manual”.

The final step in confirming proper display of the location on the map is to perform “Geocoding”.

“Geocoding” is the process of finding associated geographic coordinates (often expressed as latitude

and longitude) from other geographic data, such as street addresses, or zip codes (postal codes).

You can perform this process one of two ways.

1. One location at a time - Click the edit icon for the location and click save. If Google is able to

complete the Geocoding, WSM™ will save and return you to the Locator screen. If Google is

unable to locate with the information you provided, you will receive a message stating so. If this

occurs, confirm that all the information you provided is correct.

2. All locations at one time - Click the Geocode All button at the bottom of the location list. This

will perform the action and list any locations Google was unable to map. You can locate these

locations by looking at the GEO column. Locations that are not currently Geocoded will have a

special icon listed in this column.

Index

Photo Gallery

The Photo Gallery Module included with WSM™ allows you to create photo albums that can be

displayed in different areas of your website. In this chapter we will discuss using the Photo Gallery to

create albums for your Gallery. Ask us about using the Photo Gallery to manage or create slide shows.



Once you have created your Album, you have access to different features for updating the albums. They

are discussed below.

This icon will allow you to edit the information you entered when you first created the album.

This icon will display sub-albums, if any, that are assigned to this album.

Use this icon to access the photos you have already uploaded to the album and to add photos.

This icon will display the album as a web page.

Adding Albums

To access this module, highlight Module and click Photo Gallery. A screen similar to the one below

will appear. This site has already created two albums.

To add a new Album, click the Add Album button. The Add Album screen is discussed in detail below.

After you create your album you can return and make changes and add photos. You do not need all of

your photos ready to upload before you create the album.

Each numbered item is discussed below.

1. Title – This is the name for your album. This name should describe where your album is used

and for what purpose, i.e. In The News.

2. Description – Use the description for additional information about the album. This information

can help if you have multiple people editing your site or as a reminder for yourself.

3. Priority – The priority sets the order of the albums. Higher priorities are sorted before items with

a lower priority.

4. Parent – You can create an album that contains other albums. Similar to creating folders and

sub folders on your computer. This may be useful if you plan on having several albums related to

one topic.

5. Template – This determines which site template to use when displaying this page. If your site

utilizes more than one template click the drop down arrow and select the appropriate template

for this page. If your site only has one template then you do not need to change this field, just

leave the dropdown list at – none-.

6. Hidden – If you do not want your viewers to have access to this album, click “Yes” to hide the

album and its content.

Add Album – Once you have provided the required information, click the Add Album button to create

and save your album. You can always edit the album later if you need to make changes.



Adding Photos

You can add photos two different ways; individually or multiple files at the same time. Both are available

from the same Add Photo screen. See #5 and #9 discussed below.

To add photos, click the icon.

Each numbered item is discussed in detailed below.

1. Title – This is an optional field. It can be used to describe the photo you are uploading. If you

choose to upload using the Multi-Files feature, leave this field blank. You can add a name to the

individual photos after they are uploaded.

2. Album – Click the drop down arrow to select an album for the photos to uploaded to.

3. Description – You can use this field to include a detailed description of the photo.

4. URL – This is the URL the image will link to; used in promotions, portfolios, and press releases.



5. Upload Image – Use this field to upload a single file. Click the Browse button to open a window

similar to the screen show below. Navigate to the location of your file, click the filename, and click

the Open button.

6. Priority – This number is used to specify the order of your photos. If you are uploading Multi-

Files, you can leave this number at 500. We will discuss changing the priority in more detail

later.

7. Hidden – If you want your photo(s) to be included in your album, leave this set to No. If you

want to remove a photo for a temporary amount of time, you can change this setting to Yes. The

photo will remain part of the album but will be skipped when the album is viewed.

8. Add Photo – Click this button to finalize the single file upload process.

9. Multi-File Uploader – This section of the Add Photo screen is very useful if you have more then

one file to upload. Begin by clicking the Browse button under the Select Files to Upload

heading. This will open a window just like the single file upload feature above. However, this time

you can select multiple files from the same folder. First, navigate to the folder that contains the

files you want to upload and then select the files. You can use the following keyboard and mouse

actions to select multiple files.

Selecting Files One at a Time

Click the first filename. Hold down your Ctrl key (PC) and click the remaining filenames. If you

click a file you decide you do not want, continue to hold down the Ctrl key and click the file again.

This will unselect the file. Once you have all of your files selected, release the Ctrl key and click

the Open button. WSM™ will display the filenames in the Multi-File Uploader screen.

Selecting Multiple Files at a Time

This feature is useful if your files are listed together in your folder. Click the first file in the group,

hold down the Shift key (PC) on your keyboard, and click the last file in the group. This will

highlight all files in between. If you have a file or files in this group you do not want you can use

the Crtl Key to remove them. Press the Crtl key and click the highlighted file to unselect it. Click

the Open button. WSM™ will display the filenames in the Multi-File Uploader screen.

Click the Upload button below the list of your files to add these photos to your album.



Your photos will then be displayed in the album as shown below.

You can edit each photo by clicking the edit icon . This screen will allow you to edit the

information you provided when uploading and or to provide additional information.

The only differences between the Add Photo and the edit photo screen are:

You are editing the information for a single photo.

You see a thumbnail view of the photo you are editing.

You can delete the photo, which will permanently delete it from the photo album and WSM™.

If you made changes, click Save Photo before leaving this screen.

Index

Resources

The Resource module is a useful tool if you want to create a page that will list links to other Internet

sites or pages. All Resources that you add will be listed on the same page. You can use the Navigation

tool to add a link to this page from your site menus.

To access the Resources module, highlight Module and click Resources. Below is a site that has not

added any resources.



To begin adding Resources, click the Add New Resource button. Each numbered item is discussed

below.

1. Name - The name to display for the resources link.

2. Url - The URL for the resource. You must type the http:// in front of the www in order for the link

to work properly. When clicked, the site will open in a new window or tab.

3. Summary – This information, when provided, will be displayed below the linked Name.

4. New Image - Upload an image to use for this resource. Click the Browse button and locate an

image file on your computer (gif, jpg, jpeg, or png). The image will appear above the Name and

will also be linked to the URL you provide.

5. Priority - Resources are sorted by priority in descending order. When resources are assigned the

same priority, they are sorted alphabetically.

Index

Surveys

A Survey is a tool you can use to create a questionnaire on your website. If you have never created a

Survey, you will see the following message when you first access the Survey module.

To create your first Survey, complete the form that appears below this message. The form is described

below.

Creating your Survey

1. Name - Name of the survey. This name will appear at the top of your Survey Form.

2. Description – Provide a description of the survey, or what you customer will receive if they take

the survey.

3. Ordering Message – Drag questions with your mouse to change the order they are displayed.

Once you have created more than one question, click and drag to specify the order.



4. Questions - Create questions for your survey. To delete a question, click the red X icon. You can

create 4 types of questions: True or False, Range, Multiple Choice, and Fill in the Blank.

5. Add Question – Click this button to add a question to the survey.

6. Anonymous Posting – If you select Yes, you will allow users to answer questions without

logging in.

7. Expire Date - The date on which the survey will no longer be visible.

8. Active - If the survey is not active, it will not be visible.

Adding the Survey to your Site

You can add the survey to your site in two ways.

1. Link to the site from any site page. Click the View icon to get the URL for the survey. You can

then copy and paste it as a link in the content of any site page. When the viewer clicks the link,

they will be taken to a page with the Survey questions.

2. Embed within an existing site page or template. Type the following where you want the survey to

appear: {{ survey id=##### }} where the id is the id for the survey. When this is complete,

view the page so you can see how the survey appears on your page.

Viewing the Results of your Survey

Once a viewer has submitted a survey, you can view the results by clicking the icon from the

Modules/Survey page. An example of a survey result is shown below.

Documents

Content Management with Web Shop Manager (WSM)Content Management with Web Shop Manager 9. Content – WSM offers two views for adding content. 1) Text box as it appears by default