Support Manual / Site Specific Help / Page How To's

Here you will find a breakdown of all of the content Toolbar icons.  The Toolbar looks slightly different in Internet Explorer then it does in Firefox.  This example will break down the Internet Explorer Content Toolbar.

(Click Here for Firefox content toolbar breakdown)

This is the definition breakdown of the content toolbar in the editor.

You can allow users to "Google +" a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your "Google +" button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the Second column I am going to put the "Google +" button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "Google +" button. You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

You can allow users to Pin a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your "PIN IT" button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the Second column I am going to put the "PIN IT" button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "Pin It" button. You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

You can allow users to like a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your like button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the first column I am going to put the Facebook like button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "like" button, include the "send" button, and have the layout with the button and counter horizontal.  You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

The FAQ frame type allows you to have a list of questions on your page that link to answers on your page.

Here is how you setup the frame.  First change the frame type to an FAQ frame type.

This can be done by clicking on the frame you wish to make the FAQ frame and then clicking the "change frame type" icon on the toolbar.

See screenshot:

Next you will choose "basic frames" and then "FAQ" frame type.

See screenshot:

Click save.  Once you click save it will direct you to the "Frame settings" for the FAQ frame.

Now you can click on "add Q&A".

see screenshot:

Once you click on "add Q&A" 2 boxes will appear allowing you to add a question and answer.  In some browsers you may need to click on "edit text" to add your questions and answers to the text area.

see screenshot:

Click Save.

You can add as many questions and answers as you like.

Some have used this frame type to list testimonials from their customers.  If you wish to use the frame for something other than questions, you can change the label at the top to reflect the appropriate use. (if you wish to have the back label say "back to testimonials" then you can edit the label at the top of this page.

The Facebook Widget allows you to add different Facebook integrations into your website. 

To add the Facebook Widget to your page you will first need to add the frame to your page.

Select "basic frames".

Once you select the module from the first drop down you will want to choose the frame type for that module.

In Frame Types, you will need to select "Facebook Widget".

Here are the different features of the widget:

The Like button lets users share pages from your site back to their Facebook profile with one click.

see screenshot:

The Send button allows your users to easily send your content to their friends.

See screenshot:

The Follow button allows people to subscribe to other Facebook users directly from your site. (This used to be called the Subscribe Button.)

See screenshot:

The Comments plugin lets users comment on any piece of content on your site.

See Screenshot:

The Activity Feed plugin shows users what their friends are doing on your site through likes and comments.

See screenshot:

The Recommendations plugin gives users personalized suggestions for pages on your site they might like.

See Screenshot:

The Like Box enables users to like your Facebook Page and view its stream directly from your website.

See screenshot:

The Facepile plugin displays the Facebook profile pictures of users who have liked your page or have signed up for your site.

See Screenshot:

You can Change a frame type at any time.  **Caution you can lose data in a frame when changing frame types**

This Answer will cover different frame types and will link to how to use them.

When you're frame is selected you will see a small "i" icon.

see screenshot:

When clicking on this icon you will have options on changing your frame to a frame type other than what it is currently set to.

Once you click the "i" icon you will see two drop downs.  The list of what is in the drop downs will depend on the website package you have.

Under the "module" drop down there can be:

• Basic

• AD
• Advanced Gallery
• Blog
• Ecommerce
• Membership
• Store Locator

See screenshot:

**NOTE: In this example there are multiple membership modules.   THIS IS IMPORTANT. When you are selecting something like a login panel, it does matter which membership module you choose.  Each Membership module will need a login panel on the site in order for it to be used.

Once you select the module from the first drop down you will want to choose the frame type for that module.

Under the "Basic Frames" module there are these Frame types:

Return to Top

see screenshot:

Under the "AD" Module there are these frame types:

Return to Top

For all videos pertaining to the AD module click here

See Screenshot:

Under the "Advanced Gallery" Module there are these frame types:

Return to Top

For a list of videos pertaining to the advanced gallery module click here

Under the "Blog" Module there are these frame types:
For a list of videos pertaining to the Blog Module click here

see screenshot:

Return to Top

Under the "Ecommerce" Module there are these frame types:
for a list of videos pertaining to the E-commerce module click here

See screenshot:

Return to Top

Under the "Membership" Module there are these frame types:
for a list of videos pertaining to the E-commerce module click here

See screenshot:

Return to Top

Under the "Store Locator" Module there are these frame types:
for a list of videos pertaining to the E-commerce module click here

See screenshot:

Return to Top

The site menu can be different on each site in its location, but for all sites it is the main menu bar where links to your pages go.  You can change this menu in the Yourdomain > Site Menu area.

(Click here to see a video on how to Edit the site menu)

In this answer we will discuss:

• How to add Menu Items
• How to make a Categorized Sub-Menu

on the support site here is the site menu and a navigation menu.(click here to see how to add and edit a navigation frame. Video here) 

see screenshot:

When you are in the "Site menu" area you can add and delete menu items and it does not delete any pages.

To add a new Menu Item fill in the "Menu Item Label" field.  If you are linking to an alias (which is recommended) then start by clicking the drop down for "link to" and select the alias you wish to link to and it will automatically fill in the "Menu Item Label".
You can choose if this is a main menu item or sub menu item with the "parent" drop down.  If it is a main menu item leave it at "top level" if not then choose which item it will be a sub-menu of.

In the "place after" drop down you can choose the placement of your new menu item.

To delete a menu item check the "delete" check box next to the menu item and then click the "delete" button beneath it.

To make a Categorized Sub-Menu, you will first need to determine the structure you wish to use for your items.  For example if you sell Jewelry, you may want to make a Header called "Gold Rings", and then have links to your  individual gold rings.  If you sell a larger number of Items, you may want to make a Header more broad.  For example your header may say "Gold Jewelry" and the links under it can be links to categories to your Gold jewelry.

Now you say, "What is a Header?" That is a good question! :)  

The Bolded Items that are highlighted in red are "Sub-Menu Headers"

Here is How you create this menu.

Step 1.  Create a Main Menu Item (in this example it is "Jewelry")

Step 2. Create Your Sub-Menu Headers (you can add them individually or all at the same time)

Step 3. Add links under your Headers to either pages, Categories, or Items.

Step 1 Image.

Step 2 Image

Step 3 Image

This process functions the SAME for navigation menu's and Site Menu's.

If you have any questions about this process please feel free to contact Support :)

This answer will show you how to add a new page.

See video instructions on this here

When you are in your Websiteforge Members area, and expand your domain name on the left panel you will see a list of items, among that list you will see "pages".  If you expand "Pages" you will see a blue link for "Add page".

See Screenshot:

Next you will be taken to the "page Settings" screen that looks like this:

• You can choose your page group here.  (more on page groups here)
• Choose whether the page is active or not. (NOTE: pages that are not active cannot be previewed)
• Next is your "Page name".  This is the name you will see in your page list.  It is for your personal reference.  and is a required field.
• Next is your "page Title" this is the name that will show on the browser tab of your page, and can optionally be shown on the page in the next step. This is also a required field
• Next is the option to show the title on the page or not.
• Next if you have multiple designs for your site you can choose which design you want to apply to this page.  Also you can choose to have "No Design" and make your new page without a specific template applied.
• Next is the option to add a Site Menu item, by default adds this new page to the site menu with the "Page Name" that you gave it above.  If you wish to add your site menu link to this page later you can choose "Do not add" in the drop down list and add it at any time later in the "Site Menu" area.  Or you can change the name of the Site menu link in the next step.
• Next this is the name that will show on your site menu. Click here to see more info on adding a site menu item later
  
• Next if you wish to have this page acccessed by a single username and password you can specify it here.  (If you want to have members access the page please see how to set that up here)

• Next is "Restricted Access" this is what you check if you wish to make this page accessible to members in a group.  (For more details on setting this up click here)
• Next is "Secure Page".  This is used to secure certain pages on your site.  Your merchant or Pci compliance provider may require certain pages to be secured.  This is what you check to secure them. (NOTE: by default your checkout pages are already secured)
• Next is "Copy Protection".  This will not allow users to copy content from your page.  But use this carefully, when this option is checked it will make the page virtually invisible to crawlers and will affect your Search engine ranking for this page
• This next area is for creating a pop up box dimensions and selecting an already created page for your pop up.  (NOTE: Be aware most browsers now enable pop up blockers and your site visitors may not see your pop up message.)
•  "use for full text search" is for the search box called "full text search" if you want this page to be searched when that box is being used then you would want to check this box
• "Page logo for FB" you can add a logo here that when this page is pasted to facebook it will use that logo for this page.

Here you will find a breakdown of all of the content Toolbar icons.  The Toolbar looks slightly different in Internet Explorer then it does in Firefox.  This example will break down the Firefox Content Toolbar.  In Firefox you will only THIS toolbar on the "page layout" screen. 

(Click Here for Internet Explorer content toolbar breakdown)

Alternative text is text associated with an image that serves the same purpose and conveys the same essential information as the image.[1] In situations where the image is not available to the reader, perhaps because they have turned off images in their web browser or are using a screen reader due to a visual impairment, the alternative text ensures that no information or functionality is lost.

Alt image text also helps with Search Engine optimization. Alt image text should describe what the image is about and get those visitors interested to see it.

Add Alt Image text in a frame

Add Alt Image text in Advanced Gallery Module

Add Alt Image text in E-Commerce Module

Add Alt Image text in a frame

To add Alt Image text in a frame, first insert the image in a frame and then go to source view -

You can then add the Alt Image text between the two "" in the code - alt="" .

Adding Alt Image text in Advanced Gallery Module

If you want to add Alt Image text to images present in the Advanced Gallery Module then you can choose a text field for alt image text in the "General settings"  

Add Alt Image text in E-Commerce Module

If you want to add Alt Image text to images present in the E-Commerce Module then you can choose a text field for alt image text in the Miscelaneous settings under "General settings"