content management with web shop manager (wsm)content management with web shop manager 9. content...
TRANSCRIPT
![Page 1: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/1.jpg)
![Page 2: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/2.jpg)
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
![Page 3: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/3.jpg)
CONFIDENTIAL Page 3 of 24
Content Management with Web Shop Manager
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.
![Page 4: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/4.jpg)
CONFIDENTIAL Page 4 of 24
Content Management with Web Shop Manager
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.
![Page 5: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/5.jpg)
CONFIDENTIAL Page 5 of 24
Content Management with Web Shop Manager
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.
![Page 6: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/6.jpg)
CONFIDENTIAL Page 6 of 24
Content Management with Web Shop Manager
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.
![Page 7: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/7.jpg)
CONFIDENTIAL Page 7 of 24
Content Management with Web Shop Manager
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.
![Page 8: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/8.jpg)
CONFIDENTIAL Page 8 of 24
Content Management with Web Shop Manager
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.
![Page 9: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/9.jpg)
CONFIDENTIAL Page 9 of 24
Content Management with Web Shop Manager
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‟.
![Page 10: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/10.jpg)
CONFIDENTIAL Page 10 of 24
Content Management with Web Shop Manager
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.
![Page 11: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/11.jpg)
CONFIDENTIAL Page 11 of 24
Content Management with Web Shop Manager
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.
![Page 12: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/12.jpg)
CONFIDENTIAL Page 12 of 24
Content Management with Web Shop Manager
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.
![Page 13: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/13.jpg)
CONFIDENTIAL Page 13 of 24
Content Management with Web Shop Manager
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.
![Page 14: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/14.jpg)
CONFIDENTIAL Page 14 of 24
Content Management with Web Shop Manager
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.
![Page 15: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/15.jpg)
CONFIDENTIAL Page 15 of 24
Content Management with Web Shop Manager
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.
Note: you must enter the http:// in front of the www.
Photos URL - The URL for the site to view photos.
Note: you must enter the http:// in front of the www.
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.
![Page 16: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/16.jpg)
CONFIDENTIAL Page 16 of 24
Content Management with Web Shop Manager
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.
![Page 17: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/17.jpg)
CONFIDENTIAL Page 17 of 24
Content Management with Web Shop Manager
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.
![Page 18: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/18.jpg)
CONFIDENTIAL Page 18 of 24
Content Management with Web Shop Manager
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.
![Page 19: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/19.jpg)
CONFIDENTIAL Page 19 of 24
Content Management with Web Shop Manager
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.
![Page 20: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/20.jpg)
CONFIDENTIAL Page 20 of 24
Content Management with Web Shop Manager
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.
![Page 21: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/21.jpg)
CONFIDENTIAL Page 21 of 24
Content Management with Web Shop Manager
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.
![Page 22: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/22.jpg)
CONFIDENTIAL Page 22 of 24
Content Management with Web Shop Manager
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.
![Page 23: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/23.jpg)
CONFIDENTIAL Page 23 of 24
Content Management with Web Shop Manager
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.
![Page 24: 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](https://reader030.vdocuments.us/reader030/viewer/2022040822/5e6b98d8fb94ce22a056d844/html5/thumbnails/24.jpg)
CONFIDENTIAL Page 24 of 24
Content Management with Web Shop Manager
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.