What is Webster?


Webster is a robust Content Management System used to build dynamic and elegant websites. The major highlights of the CMS are its user friendly interface and powerful features which enable the users to conveniently add/edit the content and design of their websites.

Log-in screen


log-screen

To log in, enter your User ID and the Password in the respective columns and click on the Log-in option.

Forgot Password


To reset the password, click on ‘Click Here’ option. ‘Click Here’ option is located at the bottom of the ‘Log-in to admin’ page. Once clicked it directs to the ‘Forgot Password’ page. Fill in the registered email address and click on the ‘Submit’ option.

forgot-pwd

An email is sent to the registered email address which will have a link to reset the password. Once the link is clicked, it directs to the Reset Password page.

After successfully log-in, the ‘Dashboard’ page appears on the screen’. Dashboard page is the home page where all the Menu items like Contents, Navigation and Ecommerce among others appear.Below is the screenshot of the Home Page (Dashboard).

dash

How To Edit The Home Page


From the Admin panel, Click on the Content option located at the side bar. Once clicked a drop down menu will appear. Click on the Home Page and you will be directed to the Edit page to make changes on the Home page.

The Home Page has several blocks including Meta Data, Page Details and Page Preview. To make any changes, just click on of the relevant box you want to edit and you will be directed to that page.

For example, to edit the Main Content of the Home Page, follow the below steps:

Go to Content Home Page and you will see the below screen.

content

page-prv

So as you can see in the above image, to edit the main content, come to the page preview and click on the pencil icon of the main content to edit and it will direct you to the Main content page.

text-mngt

Click on the box where the changes need to be made. Once done click on the button “Save and Close” at the bottom of the page. Check the screenshot on the next page.

next-page

Similarly, to make any changes on the home page, go to the relevant block and click on the edit icon.

How to Add New Pages


Go to admin panel, click on Content Pages and it will direct you to the list of all the existing pages on the website.

To add a new page, click on the Add New button located at the top right of the page in blue colour. Click on Add New to fill in the details of the new page. Below are the screen shots:



add-new

addpage

Remember to select the page template as per the requirements. If there is a need to change the design, banner or colour or even add/delete the rows/columns, it can be done by the edit icon mentioned below each row under Page preview. Once the changes are made click on Save and Close button. Below is the screenshot:

page-templt

If there is a need to create a new template for the page you are creating then select Add New from the Page Template dropdown. The moment Add New Page Template is selected a window will pop-up. l

proced

Enter the title name under Page Details and click on Add New Row button to create your own template. On clicking the Add New Row, a small window will pop-up where you need to choose the Row Style and mention the sort order and then click on Submit button.

Below are the screenshots:

titlepage

newrow

Once the Row is added, you can add the Columns now. To add a column click on the plus icon located at the top of the Row. Once clicked, a window will pop where you need to mention the column name and fill in the other details.

plus_icon

newcolumn

To add the shortcode (as shown in the above screenshot), click on the Choose Your shortcode button and follow the prompts.

To add more columns, repeat the steps as shown above.

How To Add/Edit a Column On Footer


Go to Content- Footer Management. On clicking the Footer Management, Manage Footer page will come up which will have the preview of existing Footer on the website.

To Add a new column on the footer, click on the Add New column located on the right hand side of the page.

clicknew_column

On clicking the Add New Column a small window will pop up. Fill in the details of the new column as per the requirements.

titlenew_clmn

To edit footer, go to Content- Footer Management. The list of footers will appear on the screen. Click on edit icon of the footer to edit. Once clicked it will direct you to the footer page where the changes can be made.

Below are the screenshots of editing SITE LINKS footer:

newcolumn1

newcolumn2

How to Edit/Manage Email Templates


Go to Content and click on Email Templates to manage or edit automated email and responses for Subscribers, Registration, and Password Rest among others.

To edit an email template, subscribers for example, go to the Email Template and click on the edit icon located under Action tab. On clicking the edit icon, the Manage Email template page will open. Make the changes as per the requirements and click on Save and Close button.

subs1

subs2

How To Add/Edit Gallery


From the admin panel, go to Content and click on Gallery from the dropdown option. It will direct you to the Gallery page.

To add a new gallery, click on the Add New button located at the top right of the page and it will direct you to Add Gallery Management page.

gallery2

gallery3

How To Add A New Blog


From the admin panel go to Content and click on Blog. From the Blog dropdown menu click on blog and it will direct you to the list of all the blogs added on the website.

To add a new blog, click on Add New button located on the top right of the page. Once clicked, it will direct you to new blog page to fill in the content and upload the images for the new blog.

Below are the screenshots:

blog1

blog2

blog3

Once the details are filled in clicked on “Save and Close” option and the blog is added on the website.

How To Create New FAQ Questions


From the admin panel go to ContentFAQs and from the dropdown click on Questions. On clicking the Questions options the List Of FAQs page will come up on the screen. Click on Add New button located at the top right corner of the page.

Below are the screenshots:

faq1

faq2

On clicking Add New button, the Add New FAQ page will come up. From the select category dropdown select the FAQ Category for which the FAQ question is being created.

Write the question is Add Question box and the answer in the Add Answer box. Scroll down the page and choose the Sort Order number where the question would appear. The sort order option can be selected from the dropdown option located at the left of the box.

Choose Select Status as Active and click on Submit. Below are the screenshots:

faq3

faq4

Manage Site Settings


To add/edit content like office and email address, go to ‘Manage Site Settings’ option which appears on the left of the screen under the ‘Miscellaneous’ tab. On Manage Site Settings page, Meta Data, Text Content Register page and Control columns need to be filled in. Meta Data is used for Search Engine Optimisation, mention the keywords under Meta Data if required and fill in the details of the company. To save the changes click on Submit.

seting1

How to Add a Product Category


To add a new category, click on Ecommerce -> Category -> Add New.

The Product Category page consists of Meta Data which is used for Search Engine Optimisation. Fill in the relevant keywords on Meta Data as per requirements and select the Parent Category (if required) along with the name and description of the Category.

catagory

For Search Engine Optimization mention the keywords under Meta Data.

catagory1

In Category mention the details of the category and upload the image if required then select Active and click on Save & Close.

catagory2

How to Add Discount Coupons


To Add Discount Coupons, go to Ecommerce section which is located on left side of the screen. From the drop down menu click on Discount Coupon and head to the Add Discount page.

There are two types of discounts coupons. One is an ‘X’ percentage of discounts and the other is of a flat rate.

Fill in all the details of the Discount Coupon and click on Save & Close.

Below is the screenshot for your help:

coupon1

How to Edit/Delete Discount Coupon


To change/edit Discount Coupon, go to Ecommerce -> Discount Coupon. Select the discount coupon and click on the Edit icon.

On the Edit Coupon page make the changes as per the requirements and click on Save and Close to save the changes that have been made.

Below is the screenshot:

coupon2

coupon3

Steps to Delete a Discount Coupon Code


Go to Ecommerce -> Discount Coupon, click on the delete icon and when a command menu pops up on the screen click on OK.

Take a look at the image below:

catagory3

How to Add Options


To add an option, go to Ecommerce -> Options click on the Add New button located at the top right of the screen.

Below are the screenshots:

option1

option2

NOTE: In the above image, you will see an example of how to add options. The screenshot has an example in which the Option Name is colour and the Sort Order sequence is 1. Once the option name is added which in the above case is Colour, you have to mention the colours of the products. In the above example you can see Options Value Name as Red and Blue and the Sort Order is 1 & 2.

To Delete An Option


Deleting an option is a two step process. Go to Ecommerce Options check the option to be deleted and click on the delete icon which is located at the extreme right of the screen. Click on OK when the command menu pops up and a message “The product option has been successfully removed” will be displayed on the screen. See the screenshot below:

dltoption

How to Edit an Option


To edit, click on Ecommerce Options and then click on the edit icon located on the right of the screen under Action.

On the next page, make the changes as per the requirements and click on Save to save the changes made.

Below are the screenshots for help:

edit1

edit2

How To Check Order List


All the orders ordered by the customers appear on Order page. To check the list of the orders, go to Ecommerce Orders. The list of orders appears with the status of all the orders on the Orders page.

Below is the image:

orderlist1

How to Check Order Details


To check the details of a specific order, go to Ecommerce Orders. Check the box against the order and click on the View icon located at the right of the screen under action.

orderdetails1

On clicking the View icon the Order page appears on the screen. The order page includes all the information of the order placed by the customer and the personal contact details of the customer.

orderdetails2

How to Delete an Order


To delete an order go to EcommerceOrders check the order to be deleted and click on the delete icon. Click on OK when the command menu pops up.

deleteorder

How To Check The List of Products


To view the list of all the products added on the website, go to Menu and click on Ecommerce Products. The list with all the products and its prices along with other details will appear on the screen.

checklist1

To view/edit the details of the product, go to Ecommerce Products. Select the product to be edited and click on the Edit icon located at the extreme right of the page.

checklist2

checklist3

How to Delete a Product


To delete a product, go to Ecommerce Products check the box against the product to be deleted and click on the delete icon. When the pop menu appears click on OK to delete.

prddelete1

How to Add A Product


To add a new product, click on the Add New button located at the top right of the product page. Once the Add New button is clicked, it directs to the Add product page. On the Add product page, fill in the details of the product on the 6 different tabs.

addprd1

addprd2

How To Add The Price And Stock Of The Product


To add the price of the product and the stock details, go to Ecommerce Products click on Add New button and subsequently click on Price and Stock (the second tab) under the Add Product page.

On the same tab, Product Discount and Product Quantity can be mentioned. Once the details are added, click on Save & Close.

Below is the image:

pprice

How To Add Product Descriptions And Meta Tags


All the details of the product are added on the Product detail page. To add the product description and Meta Tags, follow these steps.

Ecommerce Products Add New Descriptions and Meta Tags (third tab) and click on Save and Close to save the changes.

metatag1

How to Add Product Image and Product Gallery


From the Menu bar click on Ecommerce Products Add New button and then click on the 4th tab named Images. Once clicked, the page has two options. To upload the front image of the product, click on Choose File to upload the image; subsequently for adding product gallery, upload the images by clicking on Choose Files beside Product Gallery Images. Once the images are uploaded click on Save and Close.

prdgalery1

Adding The Product Options


To select the product options, go to Ecommerce Products Add New and click on Options. Under option tab, a drop down menu appears with the list of the options that have been added earlier. From the drop down menu select the product option and then click on Save and Close.

prdoption1

How To Add Shipping Rate


To add the shipping rate for the states, go to Ecommerce Product Add New, on the add product page, click on the last tab named Shipping.

On the shipping tab, mention the shipping cost in the box that appears next to the states.

ship1

How to Approve/Delete Product Reviews


To approve, the product reviews, go to Ecommerce and click on Reviews. On the Review page, the list of all the products is seen. Check the box beside the name of the reviewer and click on the approve icon located at the extreme right of the page under Action.

Once clicked, a command menu pops up, click on ‘OK’. The review is now approved and is visible on the front end.

review1

To delete, the product reviews, go to Ecommerce and click on Reviews. On the Review page, the list of all the products is seen. Check the box beside the name of the reviewer and click on the Delete icon located at the extreme right of the page under Action.

review2

How to Add Shipping Methods


To add shipping methods, go to Ecommerce from the Menu drop down and click on Shipping Methods. On the Shipping Methods page, click on Add New button located at the top right.

shipmd1

On the Shipping Method page, fill in the Shipping Method, Shipping Rate and select Active from the Select Status drop down. Once done, click on Save & Close to save the changes made.

Below is the example:

shipmd2

How To Add Catalogues


Catalogue is package where a user is offered multiple products in one order. To add catalogues, go to Ecommerce and click on Catalogue. On the catalogue page, enter the name of the catalogue and click on Submit.

The catalogue name will appear under List Of Catalogues. To add products in catalogue, click on the Manage icon located under Action.

catalogs1

On the catalogue page, enter the name of the user the catalogue is for and click on Submit. The user name will now appear under List of Catalogue Users.

To add the product in a catalogue, select the Product Category, name of the Product, Price and the Sequence. Once the product details are mentioned click on Submit.

Below is the example:

catalogs2

How To Delete User Name From Catalogue


To remove a user from the list of catalogue users, go to Ecommerce Catalogue click on the Manage icon. Click on the Delete button against the user name under Action tab and then click on OK when a command window pops up.

user1

How To Add Accordions (widget)


From the admin panel go to Manage Widgets, click on Accordions, The List of Accordion Contents page will come up. Click on the Add New button located at the top right of the page, once clicked it will direct to the Add Accordion page. Fill in all the fields and click on Save and Close at the bottom of the page.

Below are the screen shots:

accordion1

accordion2

How To Add Boxes (widget)


From the admin panel, go to Manage widgets and click on Boxes. The list of Boxes Contents page will come up, click on the Add New button located at the top right of the page. Fill in the all the fields as per the requirements and click on Save and Close.

Below are the screenshots:

widbox1

widbox2

How To Add A New Column (widget)


Go to Manage widgets, click on Column and it will direct you to the List of Column Contents page click on the Add New button located at top right of the page.

The screenshots are mentioned below:

addn1

addn2

How to add contact widgets


Go to Manage widgets, click on Contact widgets and it will direct you to the List of Contacts widgets page, click on the Add New button located at top right of the page.

The screenshots are mentioned below:

contat_wid1

contat_wid2

How to add image box (widget)


Go to Manage widgets, click on Image Boxes and it will direct you to the List of Image Boxes page, click on the Add New button located at top right of the page.

The screenshots are mentioned below:

imgbox1

imgbox2

How to add latest post (widget)


Go to Manage widgets, click on Latest Post and it will direct you to the List of Image Boxes page, click on the Add New button located at top right of the page, fill in all the fields and click on save and close button.

The screenshots are mentioned below:

latest1

latest2

How to add List Style (widget)


Go to Manage widgets, click on List Style and it will direct you to the List of List Style page, click on the Add New button located at top right of the page, fill in all the fields and click on save and close button.

The screenshots are mentioned below:

liststyle1

liststyle2

How to add scroll banner (widget)


Go to Manage widgets, click on scroll banner and it will direct you to the list of Scroll Banner page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

scroll1

scroll2

scroll3

How to add News widget


Go to Manage widgets, click on News widget and it will direct you to the list of News widget page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

news1

news2

How to add Tabs (widget)


Go to Manage widgets, click on Tabs widget and it will direct you to the list of Tabs widget page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

tabs1

tabs2

How To Add Testimonials (widgets)


Go to Manage widgets, click on Testimonials and it will direct you to the list of Testimonials page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

monials1

monials2

How to add Text Management (widget)


Go to Manage widgets, click on Text Management and it will direct you to the list of Text Management page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

textmg1

textmg2

textmg3

How to add Twitter (widget)


Go to Manage Widgets and from the dropdown click on Twitter to open Edit Twitter Management page.

Fill in the details and click on submit to finish adding Twitter widget.

Below is the screenshot:

twitter

How to add Videos (widget)


Go to Manage widgets, click on Videos and it will direct you to the list of Videos page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

video1

video2

How to add Portfolios (widget)


Go to Manage widgets, click on Portfolios and it will direct you to the list of Portfolios page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

portfolio1

portfolio2

How to add Callouts and Boxes (widget)


Go to Manage widgets, click on Callouts and Boxes and it will direct you to the list of Callouts and Boxes page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

callouts1

callouts2

How to add Pricing Table (widget)


Go to Manage widgets, click on Pricing Table and it will direct you to the list of Pricing Table page, click on the Add New button located at top right of the page, fill in all the fields as per the requirements and click on save and close button.

The screenshots are mentioned below:

pric-tbl1

pric-tbl2

How to add WIDGETS on a web page (like Accordions, Image Boxes, Call Outs Boxes, Contact etc) a Row needs to be created, first.

Below is the example of how to add a widget (in this case an image box)


From the Admin panel, go to ContentPages, on clicking the Pages option, List Of Pages will come up on the screen. Click on the edit icon of the page where the widget (Image Box) needs to be added.

widget1

Scroll down till you see the option ADD NEW ROW button. On clicking the button a small window will pop up. Fill in the details as mentioned in the screenshot below:

widget2

On clicking the Submit button as shown in the above screenshot a new row will be added. Refer to the below screenshot:

widget3

On click the add icon an ADD NEW COLUMN window will pop up. Fill in the details as mention in the screenshot below:

widget4

On clicking the CHOOSE YOUR SHORTCODE BUTTON, a SELECT SHORDCODE window will pop up. From the SELECT GROUP dropdown, click on IMAGE TEXT BOX option and it will show you a list of the existing IMAGE TEXT BOX widget. Select the one as per the requirement and click on OK and then click on Submit.

widget5

widget6

widget7

Once the image box widget is added under the ROW, scroll down to the bottom of the page and click on the Save option. Below is screenshot”

widget8

ALTERNATE OPTION OF COPYING


To avoid the above process (lengthy) you can simply paste the SHORTCODE under the SHORTCODE field.

Remember this is where you need to fill in the SHORTCODE

alteroption1

To copy the SHORTCODE, go to the Manage Widgets from admin panel and click on Image Boxes.

alteroption2

After Copying the SHORTCODE, go to the Add New Column window and paste the shortcode under the SHORTCODE field.

alteroption3

After clicking on Submit, scroll down to the bottom of the page and click on Save to finish adding the Image Test Box widget.

Location Management


Location Management is used to set up the locations of the users in the Registration form. It assists in adding/editing the geographical locations where services are offered or available.

How To Add Location


Go to the admin panel and click on Miscellaneous, from the drop down menu select Location Management. To add City, Country and State click on Location Management.

Example: If you want to add a country, go to Miscellaneous and click on the option Country and you will be directed to the page below:

location1

On the top right of the screen, click on Add New option. Mention the name of the Country and the Country code then select Active and click on Save & Close to save the settings.

location2

How To Add City


Note: The name of the country should already exist under Location Management. If it doesn’t, add the name of the country by clicking Miscellaneous Location Management Country.

From the admin panel select Miscellaneous and go to Location Management, from the dropdown menu click on the option City. It will direct to the below screen.

city1

How to Add an Image on a page (Resources)


Go to ResourcesView Folder, copy the image by clicking on the copy option located at the bottom of the image. On clicking the Copy button, command menu will pop-up. Click on OK and the URL of the image is copied.

imgpage1

Go to ContentPages and click on the Edit icon of the page where the image is to be added.

imgpage2

Go to the Text Management located under Page Preview of the web page and click on the Edit icon.

imgpage3

On the Edit Text page, go the section where the image is to be added and click on the Image button from the Menu located at the top. Once the image button is clicked, a window will pop-up, paste the URL of the image that was copied from the Resources page and click on ‘OK’.

Below are the screenshots:

imgpage4

imgpage5

Now the image is uploaded and visible on the website.

How To Add A Subscriber (Newsletter Management)


To add a subscriber, go to the admin panel, click on Newsletter Management Subscribers and it will direct to the Subscriber List page. On the top right of the click on the Add New button and fill in the details of the subscriber.

Below are the screenshots:

subcribe1

subcribe2

How To Add A New Template (For emails)


Go to admin panel, click on NewsletterTemplates and click on the Add New button located at the top right of the page.

Fill in all the fields of the new template and click on Save and Close button.

Below are the screenshots:

templ1

templ2

How To Create A Subscriber Group


Go to admin panel, click on NewsletterGroups and click on the Add New button located at the top right of the page.

Fill in all the fields of the new template and click on Save and Close button.

subgroup1

subgroup2

How to Add Admin User


To add a new user with all the admin rights, click on Users and select Admin User which appears on the left side of the screen. Click on Add New button located at the top right of the Admin User page and fill in the details of the user.

Below is the screenshot to guide you:

adminuser1

adminuser2

To restrict/allow system access to a user or admin, click on Permission located at the bottom of the User page and check the boxes accordingly.

To save the changes click on Save & Close option which appears at the bottom of the page.

The below image is just an example of the admin access enjoyed by the admin. As seen below, a user and admin can be given the option to View, Add, Edit and Delete options or any of the below access.

adminuser3

adminuser4

Delete or Remove an Admin User


To delete an admin account, go to the Admin User page where a list of Admin Users is listed (Note: if an admin user or users have been added). Check the box beside the name of the admin user and click on the delete icon which appears under Action.

A window will pop up with the message, “Do you really want to delete this details?” to confirm the action. Click on OK and the admin user will be deleted.

Below is the screenshot of how to delete an admin user:

dl1

How to Add and Delete Members


To add a new member, go to the Admin User page and click on Members --> Add New. Enter the details of the member then select the Member Type and choose Active under Select Status. To save the details click on the Save & Close button.

member1

member2

How to Delete/ Remove a Member


Go to the Users Page and click on Members. The list of members appear on the Members page, select the member by checking the box then click on the delete icon located on the right side of the page under Action section. Click on OK when Pop-up Menu appears.

dlt12

How to Manage Themes Of The Website


To manage themes of the website, go to Web builder Manage Themes. On the Manage Theme page, there are options to edit Header and Background sections and colour settings as well.

All edit all the colour settings, scroll down the Manage theme and choose the action you want to perform.

theme1

Below is the image of editing different colour settings which appears on the same page:

theme2

HOW TO MANAGE THEMES / EDIT HEADER AND BACKGROUND SECTIONS


From the admin panel, click on Web Builder Manage Themes. Once clicked, it gives the option to edit the Header Section.

Under the Header Section, there are options to edit the Header Type, Header Layout, Header Menu Style, Header Shadow Style and the Box Style.

Select the options as per the requirements and click on Save.

Below is the screenshot:

bg1

HOW TO EDIT THEMES/BACKGROUND SECTION


To edit the Background Section, go to Web builder Manage Themes. Just below the header section, it has the option to edit the Background Section. To upload a background image, click on the Choose File option and select the image that needs to be uploaded then click on the Upload button. If the Background file is an image then select the background type as image from the drop down. Once the file is uploaded, click on Save.

bg2

HOW TO MANAGE/ ADD NEW BACKGROUNDS


To Add a new background, Go to Web Builder Manage Backgrounds. Click on the Add New button which appears in blue colour at the top right of the page.

bg3

On clicking the Add New page, an Add New Background page, the background type has pattern and image as options. Select the background type from the dropdown menu and click on then click on Choose File to upload the file and finally click on the Save option.

bg4

How to Edit Ecommerce Settings


To edit Ecommerce settings, go to Web Builder Ecommerce Settings. The Ecommerce settings page gives the options of editing payment methods, shipping methods among others. Once the changes are made, click on Submit to save the changes.

Below is the screenshot of the page:

seting12

How to Enable/Disable Blog


To enable Blog, go to Web Builder Blog Settings. On the Blog Settings page, select the ‘Yes’ option beside Enable Blog. Below the Blog option, select the Blog Template and Blog Detailed Template from the drop down menu and click on Submit.

blog4

How To Disable Blog


To disable blog, go to the Blog Settings page and check the ‘NO’ radio button beside the Enable Blog then click on Submit to save the changes.

blog5

How To Add a New Form (Form Management /Form Settings)


To add a new form, go to Web builder from the navigation menu and click on Form Management. Once clicked it will be directed to the Form Management page and click on the Add New button located at the top right of the page.

Below is the screen shot:

mangt123

On clicking the Add New, the Form Setting page will appear on the screen. Fill in the details of the form and the Select Status should be Active. Once done, click on Save and Close.

Below is the screenshot:

mangt1234

How To Check Google Analytics Settings/Overview


To check Google Analyst stats, go to admin panel and click on Google AnalystOverview. Below is the screenshot:

google1

To edit the Google Analyst settings, click on Google Analyst Settings and edit as per your requirements. Below is the screenshot:

google2