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

YES!  We have a nice built in tool that allows you to choose several effects for your images to slide or animate.  Here is a quick video on setup.  Steps are also outlined below:

 First, you will want to add the "Slide Deck" frame to the page you wish to showcase your sliding images.

You can do this in 2 different ways.

a. If you already have an empty frame that you wish to use you can change the frame type, Then choose the "Slide Deck" frame type.

b. If you do not have an empty frame, you can easily add a new frame by using any one of these icons in the "page layout" on the page you wish to add the slider to.(once the new empty frame is added follow the instructions in step a. above to change the frame.)

 Once the Slide Deck frame is added you will want to configure the layout. 

These options can vary.  For example, you can 1 large image per slide(meaning 1 large image would show and then would then slide to another large image) Or you can have multiple smaller image show up on the first "slide".  And then transition to the next set of images.  You also have options to link each image somewhere.  Whether that is to a product, or a page that doesn't matter.  You also have options for text to display with your image.

Let's go over the first set of settings.

Responsive Item Size This Check box makes the images in the slide use responsive settings (set in the below boxes) Min Item Width This setting is to tell your website what the smallest width is that you want your entire slider Min Item Height This setting is to tell your website what the smallest height is that you want your entire slider Max Item Width This setting is to tell your website what the largest width is that you want your entire slider Keep Aspect Ratio This check box will use the above settings and scale your slider to keep the aspect ratios even   Transition Effect This setting controls how the slide animates.  You can select a setting and see how the effect looks on the sample boxes on the bottom of the screen (or if you have images already added then it will show the effect there.)   Columns per Page If you are using multiple images per slide this option lets you choose how many colums your slider will have   Rows per Page If you are using multiple images per slide this option lets you choose how many rows your slider will have   Spacing between Items This setting allows you to set the spacing between your images when using multiple images   Show Arrows This setting will show arrows on your slide allowing users to control which slide they see (if they wish to go forward or backward between slides)   Show Pager The Pager is a set of dots or numbers that represent how many slides there are and will allow users to select a dot to move forward or backward between slides.   Pager View This option let's you decide what style pager you wan to use   Show Controls This option let's you choose if you wish to see the pager or arrows on top of your images or on the outside of your slide.  the area at the bottom will show you a preview of these settings as you change them.   Scrolling Direction This setting let's you choose which direction the slide moves Wrap Around This setting tells the slides to slide back around to the first one after they have scrolled through to the end.   Auto Scroll This option allows you to have the image automatically slide (without a user manually clicking the arrow pager to make the slides move)  Once you change this setting you will get another option for how fast the slides will slide.

 Once those settings are set how you want them, you will now want to start adding the images and text for your slides!

When you added your slide deck it added several sample "items".  If you kept the 3 column layout then it will look very much like the images we're showing you here.  You can edit each one by mousing over the item.  when you mouse over it a couple of buttons will show up. "Edit" "move" and "delete".  See screenshot here.

Image Size/Location   Image This setting allows you add an image, by clicking the "+" sign you can then browse the already uploaded images from your image store.  If you need to upload more images you can do so once you click the plus sign and the insert image window pops up.  In that window there are options to upload more images.   Image size/ Location  This option let's you choose how big this specific image will be, and has some added options here in the drop down for "no float", "Left Float", "Right Float", and "Background".  These options indicate how the image and text lay out together.  You can try each setting to see what will work best for your needs. Image Alt/Title This is where you can specify  the Image Alt and Title text.  This is how the search engines read the image.   Text This check box will allow you to show the text editor and add text or hide it.  Once you add text to the text editor you can format it with the tools provided. (NOTE *Background color in the dropdown box only refers to how you view the text editor window and has no bearing on how the text will look on the slide)   Action on click This drop down allows you to choose something that can happen when a person clicks the image in your slide.  You can have it link to a particular page (or product) and have it show in a pop up or new window.

 Now that you have a better understanding of these settings, start playing with your slider!  Feel free to reach out to support via phone, live chat or ticket for any assistance needed! :)

Yes! You can add a facebook login panel.  

This feature is to allow users to login to your website using their facebook login credentials. By clicking on the Facebook icon and "Allow" to allow them to login.

When the user's log in, it will add them to your member module.

Step 1. register your Facebook app.(Click login)

Step 2. Skip Quick start

Step 3. Name your app give valid e-mail address and choose category.
Step 4. Now you are at product setup.
Step 5. After you click on Facebook login click on App review on left side.
Step 6. Enable the app as "public"

Step 7. Create a new login panel on your website for the Facebook login

Step 8. Edit the layout of the login panel to use the Facebook panel

Yes, you can add age verification.  First create a new page (that will be the age verification pop up)

• Add page (add any verbiage you wish to display on that page.  Then you will need to add the verify buttons...
  
• Next, change the frame type to use the "Button" frame type: 

•  Then choose the age verify ok button. (repeat steps to add the cancel button)

Once you create the new page, you can specify it in the site template and settings area

Here is an example of what the finished product can look like:

If you have any questions please feel free to contact support.

Yes, the menu content area allows you to add images, text, tables, and links to your menu! :)

First go to your menu:

Edit the menu item that you wish to add content to. (Note: the content you add will show on mouse over.  For mobile it will only show on click when the menu item is linked to "none")

When you enable the Description field, you will be able to edit with text, images, tables.  You can also link in there as well.

If you have any questions please feel free to visit us in support and we can answer any questions you may have.

You can upload images and files by going to "Manage Images and Files".

Next Click on the Folder you wish to upload your images to on the left or create a new folder.

Then click on "upload new files"

Next click select the files from your computer ( you can choose multiple files at a time)

Click on "open" after selecting multiple files (NOTE: you can hold down SHIFT or CTRL to select multiple files)

Next click the "Upload" button and watch the dialog box move accross your screen.

A responsive design requires an intentionally responsive template and content design. 

If you are not sure if your site is Responsive you can check it.  If your site is responsive it will shrink and grow as you resize your browser window.  A repsonsive site will NEVER need to scroll right and left, only up and down. 

You can see different resolutions for your site here http://www.responsinator.com/

When making changes to your responsive design here are some basic rules to follow.

-  Any fixed sizes larger than 320 will cause viewport issues - potentially causing compliance issues. (it is best to use percentages and not fixed sizes)
-  Frames should not have fixed sizes larger than 320 px.
-  Side by side frames will wrap automatically when the width of them is wider than the device width.
-  In general, it's not a good idea to have more than two frames side by side.

The answer to all of the above is YES!  They all use the same form.  The Feedback Form is a form you can put on your website that collects data.  You can add as many fields to the form as you like.  You can customize what type of fields there are.  You can make custom labels for the forms and more!

also please see the videos for Feedback Forms

In this answer we will be discussing:

Adding a feedback form

Identifying the different boxes that can be added and how to add them.

Removing fields from a Feedback Form

Setting the Email address where posted data goes

Checking Posted Data

How to Add a Feedback Form

Go to the page where you want to add your new form.

Click on an empty frame

Then change the frame type: (by clicking on the "frame type and info" button)

Next you will want to choose the "basic frames" under "modules".

And "Feedback Form" under "frame type"

Then Save.

That will take you to the "Frame Settings" of the feedback form.  It looks like this:

To customize the form you will want to go to the "Form Builder".  You will see that on the left hand side under the Feedback Form Frame.

You will see a Text field, Spam Submit box, and "Submit" button by default.  You can add and move the items with the buttons on the right hand side of this area.(highlighted in green in the image above)

When you mouse over a field you will have the option to edit it, remove it or move it.

Identifying the different boxes that can be added and how to add them

Go to the Form builder of your feedback form

Click the "+" to add a new control type -

These are the various options you can add to the form -

Text Box - for Fields like Name, etc.

Email Box - for Email

Reset Button - To Clear the form

Submit Button - To Submit the form

Button - To Add another Button if needed in the form

Editor - Adds a box which gives editing features like adding color, Bold, Italics to your text

Dropdown List - You can create a drop down menu using this in your form

Password Box - Used if you need users to write a password

Test Area - For fields like Comments, Suggestions, etc.

Date Box - Inserts a calender like box from which a date can be selected, useful for fields like Appointment, etc.

Radio Group - Creates an option with Radio Buttons

Rating (Drop-Down) - Inserts a drop down list with 5 to 1 as Rating

Rating (Radio) - Inserts a Radio button group to choose from 5 to 1

Check Box Group - Inserts a check box area which is configurable for values

Custom Text - Inserts a text field

Spam Submit Protection - Adds a CAPTCHA to the form for human verification

Uploadable files - Adds a field so that user can attach a file.

Removing fields from a Feedback Form

To remove any field all you need to do is scroll to the field and click on the "x" on the toolbar that appears on the top

This would delete the existing control type from the form.

Setting the Email address where posted data goes

To receive a notification everytime the form is submitted you can add the email address of your choice in the frame settings of that frame here -

You can only enter 1 email address here and if you want to receive the data on multiple email addresses then you should set up mail forwarding to the other email addresses from the email account settings.

Checking Posted Data

To view the posted data go to "Posted Data" tab -

Here you will find the list of all the forms that have been submitted. If you want you can even take an export of this data as a CSV and even delete any forms you dont want OR if any forms that have been incorrectly filled (OR SPAM)

This explains the difference between HTML view and source view in your websiteforge content tool bar.

In HTML view you can see the text and images along with all the formatting and links, just the way it will be visible on a browser to anyone visiting your website.

In Source view you can see the code with all the tags which format your text.

The major difference between Source View and HTML view is that - In Source View If you have any type of HTML coding for any script you can paste it here and it will work on your site. Whereas, if you paste it in HTML view it will just paste as text and not enable the code.

You can watch this video for more information -

http://videos.websiteforge.com/11.html?m9:post=difference-between-html-view-and-source-view-websiteforge-ecommerce-website

Thanks

A ToolTip is what you see when you mouse over text or images that have been linked with a tooltip.  More info is placed in the pop up to explain the word(s) or Image(s) in greater detail.

To create a ToolTip, you first would select the text or image you wish to add the Tooltip to.

Then click on the "ToolTip" icon on the Toolbar.

Then type in the info you would like to use to explain the word or words that you are adding the tooltip to.

See how the tooltip looks on the website:

If you need assistance in getting a tooltip added please feel free to Contact Support.

This area will explain how you can use the Frame borders and margins area including how to answer common questions we see like this:

• How can I align my text or images better?
• Can I use rounded corners?
• Can I have a border color around my text or image?
• Can I make a frame an exact Width or Height?

How can I align my Text or Image Better?

Often when you are trying to line up text or images to other frames, the best way to do it is by using the "alignment" icons.  But that doesn't always work.  For various reasons.  your frames can be different sizes etc... When this is the case, then you should use the Frame borders and margins area.  And add some  frame margins to align the content.

To do that you will want to select the Frame which has content that needs to be aligned.

When the frame is selected it will have a red border around the frame like this:

Next you will want to click the "Frame Borders and Margins" icon. (See it in the screenshot above in the green rectangle)

Lets say for this example you want to center the wording "Products" over the items listed.  But since the "Center" alignment option will align the text over both of the frames below it, and the left align is too far to the Left.  And Right align is too far to the Right.  You can add a frame margin to move it closer to the center. 

See this example:

This will add 250 pixels of space to the right of the text "products". (or any content that is in that frame)

In the members area it looks like this:

You should always check your work in preview mode.  Since the members area has a left hand navigation that your site will not have, there will be times when spacing looks correct in the members area, but will appear incorrect on your site.  So be sure to save and preview.  How the site looks in preview is how it will look on the live site.

As you can see here the text appears to be lined up center for the items.  But look at preview:

The text is not centered. So you will want to add a larger margin on the right to be able to center this text over these items.  That will require guessing at the size, saving and previewing until you find the right amount of space used.

It appears that for the wording to be centered in this example we needed a margin of 450 pixels.  Here is how it looks on the preview:

And here is how it looks in the members area:

This is a normal behavior.  The only spacing you will want to concern yourself with, is how it looks on the preview and live site.

Can I use rounded corners?

YES! You can now have rounded corners on your frames.  This option can be used with a colored background or a background image.

First select the frame you wish to use rounded corners with.  And choose "Frame Borders and Margins".

Then you will want to enable the corners.  And specify how large you want the rounded edges to appear.  You can do that by increasing the number on the corner margins.

By enabling the corners and specifying a size this will make the frame appear rounded.  But you will need to give it either a background color or image to see the change.  This is how it will look before a color is applied:

By Clicking on the "Frame Background Color" icon, you can specify a background color so you will be able to see your rounded edges better.

I specified Orange here, and now you can see the rounded edges.  If you wish it to have a more rounded look, you would increase the pixel size for the corner margins.  If you would like a less obvious rounded edge you would specify a smaller number for the corner margins.  

Can I have a border color around my text or image?

YES!

By choosing a color, and a border type you can have several types of borders.  Take a look under "Frame Border and Margins"

With these selections:

The frame border will appear as a solid line, 5px in width.(set in the upper left hand corner)  And will be purple (the color selected in the upper right hand corner)

NOTE: If you're using rounded corners, then you would select all of the frame boxes. (be sure to hit Apply to save the changes)

This is how it will look on the preview and live site:

 Can I make a frame an exact Width or Height?

YES! In the "Frame Borders and Margins" area you can choose if you want to use an "Automatic", "Exact" or "Minimum" Width or Height.

There are scenario's where one of these options are grayed out.  Those scenarios include:

• When a frame does not have another frame next to it (more then one frame needs to be in the same row or column when choosing an option other than "Auto".  Because one frame will ALWAYS require being set to automatic to use up any open space.
• When all of the frames in a row or column have a set width or height, the last remaining frame will be set to auto and grayed out.

To change the size select the frame, and choose "Frame Borders and Margins". 

If you have any questions or need assistance with any of these please feel free to Contact Support.

You can do this by creating a Page alias. 

If you go here: YourDomain.com > Page Aliases then you can create page aliases. 

For a quick video on how this area works please go here.

Having the URL show a name would look like this: http://manual.websiteforge.com/Support_Home ( the use of spaces and any special characters is discouraged).  We recommend using an underscore"_" or combining the words (Google will separate them automatically)

The default URL for this page is http://manual.websiteforge.com/2.html

Using Aliases has a great SEO benefit as well.  Because it will add recognition to that page for what the page is.

Note: Creating the page alias does not automatically link your Site menu, or any other links on your site to your Aliased page.  You will need to manually re-link anything that is linked to the page you have created for your Alias.  Or you can enable a setting in your "Site Template & Settings" area called "Redirect to Aliases".  Which will automatically direct traffic to your newly created alias, regardless of the link for that page.

Page aliases can link to A Site Page, A Module Item, or A Module Category.

NOTE: Module items and Categories already use the "Title" in the URL to be identified.  

For example:

http://manual.websiteforge.com/5m2/dashboard.html?m2:nested=0

(the URL above will take you to the category "dashboard".  As you can see an alias is not needed in this scenario unless you want to force a different URL.)

If you were to create an alias for the Dashboard category, let's say we call it "Dashboard" that URL would look like this instead: http://manual.websiteforge.com/Dashboard

The same is true for items (Products, ADs, & Blog Posts)

To Create an alias First add an alias name.

Next click the "Select" to choose where this alias will link to.

The "Select Link" pop up will appear.  In this pop up you can choose if you are linking to a Site Page, Module Category or Module Item.

(In this example I'm linking to a Site Page named "Results".)

You have 2 options on the right.  "Redirect" and "Member-dependent". 
Redirect will take a user to the page number, and not keep the name as the URL.  In the example above if we select "Redirect" the URL would show up as Http://manual.websiteforge.com/7.html when the alias is used.

This is used when, say someone had an old page and they want to make redirects from the old pages to the new ones...  That way people who may have bookmarked - or results in search engines, will get sent to the new page.

Member-dependent will allow you to make aliases for specific users.  Once the "Member dependent" box is checked you will see available groups to select to allow access to this alias.

NOTE: if you only have the "Default Group" in your members area, then you will not see any options when selecing the "Member-dependent" option.

This is what it looks like when you have multiple member groups:

This is what it looks like when you ONLY have the "Default Group" in your Members & Group's area:

For more assistance with this please feel contact support.

You will need to add a page to display your blog posts.

for videos on the blog module, please click here

1. First add a page. (See instructions here on how to add a page.)
2. Next you will want to add blog frames to this blog page.  See screenshot and instructions below

On your NEW blank Blog page, choose an empty frame.  And change the frame type.

Then Choose one of these frame types below:

You will need a "Posts" frame.

and a "Search Box" is recommended.

The "Calendar" and "Category List" are optional.

Repeat the instructions above to add each frame type you would like to use on your blog page.

If you need more frames you can split frames.

please feel free to contact support if you have any questions

Once your products are entered into the members area, you will need to create a page to display them.

Your "products" page will need to have a few different frames to work well.  And then there are some optional frames.  First we will discuss the needed frames for an e-commerce page.

1. Product list frame
   
2. Cart (either mini cart or full cart)

Here is how you can add these frames to your new product page.

For information on adding more frames go here

First, change your frame type:

See the options for the Frame types HERE:

The other recommended frame types for this page are:

1. Category List
2. Item reviews
3. Full Text Search box

The remaining frame types are optional.

Here is what a page looks like in the members area, with a product list frame, Full text search frame, and a Mini shopping cart.

now that your page has the basics you can save, and preview page to see if it lays out as you like.

The Product page is the page where multiple products will be listed.  The product details page, is a seperate page all together.  That page will show more details about the selected product.  That page can also have a customized layout.

You can customize your layout using the layout builder.  For more information on the layout builder see these links:

Layout Builder Manual Answer

Layout Builder Videos

Here are some sites that use websiteforge and have different types of Product List & Search Results Page Layouts:
http://www.discoverfabric.com/

http://www.fullhousewholesale.com/

http://www.shopbakersnook.com/

Here are some examples of customized Product Details Page Layouts:

http://www.shopbakersnook.com/m5/6152--star-trek-themed-birthday-cake-kit.html

http://www.fullhousewholesale.com/m5/10498--oziumspray-8oz-citrus-scent-6ct.html

http://www.discoverfabric.com/m5/STBCMR15%20Brown--matte-buttons-brown-2-pkg-card-1-5-inch-riley-blake.html

The Layout Builder is quite flexible, which allows you to customize your website's own unique product layout.  For specific assistance on creating a layout please feel free to contact support.

There are a couple ways you can put a video on your site.

1. Embed YouTube/Vimeo Video

2. Upload Video into our player

To add a YouTube or Vimeo video to your site you will need to have first uploaded your video to YouTube or Vimeo.  Once that is complete you can get what is called an "Embed script" that will show the YouTube or Vimeo player with your video on it, in your site.

Here is how you get the script on youtube:

And here's where to get the Vimeo script:

Copy the script and paste it in source view on the page you wish to use to display the video.

See what the script looks like in source view below:

If you wish to upload your video to your site and use the player within your site you would follow these steps below:

See videos pertaining to this area here

1. Once you are on the page where you want your video to display, pick an empty frame (or create a new one) then change the frame type to "Media player".

NOTE: the Media player frame also can playback Audio files.

and click "Save". (that will take you to the frame settings)

2. You can upload your video from this page.  And set the player for different types of video files.  See screenshot:

NOTE: If you are unsure what type of video file you want to use on your site please contact support.  Also support can turn on the new feature for the video uploader, which will convert your video upon upload to the most compatible version for Mac, PC, and Mobile.

NOTE: Our server has limit setting set to 51 MB at a time(files larger than that will not upload with the regular uploader).  However the Java Uplaoder splits files to small pieces when uploading to the server, then puts them back together.  please use the Java uplaoder or FTP for large files

Here are some ways to get around in your members area:

Here is a video on Members area Navigation

The left hand pane will get you around the members area.  This is the panel that I'm referring to:

There are several ways to getting around that will make your job easier.  First let's explain a few things.

1. you can have multiple websites under 1 login (as seen in the screenshot above)
2. to access anything for a specific site, you will need to click the "+" next to the domain that you are trying to edit. (In the screenshot above, I have the manual.websiteforge.com domain expanded)
3. There are very similar areas under "Modules" and "Pages".  Be sure when you are looking for a particular area that you are aware of where you are looking (for example under the "modules" area, there is an "ECommerce" area.  There is also an "ECommerce" area under "Pages".  They do 2 different things.
4. Modules: this area will control the settings and data in a module. (for example if you have an ECommerce module, this area under "modules" will be where you can add, update and edit the products on your site)
5. Pages: this area controls the layout and content of the pages seen on your website (For example if you have an ECommerce Module, you can adjust the look and layout of your products on the page your products are shown.  You can also add new pages and content to any page of your site in the "Pages" area.

Some of the ways to get around easier are:

1. The search at the top of the Left pane in the members area:

2. The Bookmarks area:

3. The Page list area

All of these area's will be helpful for you to locate a page quickly.  This is very useful when you have hundreds of pages.

If a rep  in tech support gives you an answer that includes a link that looks like this: videos.websiteforge.com > Pages > Ad Module Pages > Ad Module Layout 1 (38.html) > Area A (Main) > Page Layout

Here is how you find that area. 

Expand each area that is in the list. See the steps highlighted below:

Page groups are groups for the pages on your site.  Its an easy way for you to locate a certain type of page.  (you can organize your pages into any group structure you want)

And only you will see this structure in your members area.  The structure will not reflect how your site is viewed at all.

let's take a look at some examples of page groups and how to add them.

The red highlighted area are some examples of page groups.  By default you will have a page group for EACH  module that you have.  Because there are corresponding pages for those modules.

In this example I've added the page group "Active Site Pages".  The rest of the page groups are there by default and cannot be removed.  Because I like to make clones of my pages, I keep the clones de-activated in the "Default group".  And then I can easily find the pages I use on this site under the "Active Site Pages" Page group.  Since this site doesn't have a complicated structure that is all I needed for it.  But you can create page groups for all kinds of scenarios.  Like if you have restricted pages for certain users, you can have a page group for each users group.  This will not grant access to those groups, but will make the pages easier to locate when you are needing to make a change to those user pages.

Let's take a look at how to add a page group:

Go to YourSite.com > Page List, and then next to the "add group" button enter the name you wish to use for your new page group.  Then click the "add group " button.

Once the new group is added you can start creating pages for that group or move existing pages to the new group.  Here is how you can do that.

In the Page Settings of an existing page (or on the settings page when adding a new page) you can select the new group.

There are several ways to link in our system, this answer will show you how.

First you should know that you can link text or images.

And they can link to many things.  They can link to:

1. Products
2. Categories
3. AD's
4. External URL's
5. Aliases
6. Pages
7. You can create a link that will automatically Email someone.(it will open a mail program and have the sender's address already filled out)
8. Link to a page Anchor
9. File
10. Special Link

Products:

To link to a product you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link"  box pops up you will choose "module Item".  Then in the "module" Drop down list choose your ecommerce module. 
Then you can search for the product you wish to link to.  once you find the product click it and choose "ok".  Your text or image is now linked to a product.

Categories:

 Return to top

To link to a Category you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "module Category".  Then in the "module" Drop down list choose your ecommerce module. 
Next choose the Category you wish to link to.  Then choose "ok".  Your text or image is now linked to a Category.

AD's:

Return to Top

To link to an AD you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Module Item".  Then in the "module" Drop down list choose your AD module. 
Next choose the AD you wish to link to.  Then choose "ok".  Your text or image is now linked to an AD.

External URL's:

Return to Top

To link to an External URL you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Other".  Then choose "Link to an URL", and enter the URL you wish to link to.  Please include the "HTTP://" or "HTTPS://"   Then choose "ok".  Your text or image is now linked to an External URL.

Aliases:

Return to Top

To link to an Alias you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button.  You will also need to have your aliases already created to be able to link to them.  (For more information about how to create aliases and what they are see these videos)
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Site Page".  Then Expand the "Page Aliases" group, Next choose the Alias you wish to link to by clicking on the alias, then click "OK".

Pages:

Return to Top

To link to an Page you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button.  You will also need to have your pages already created to be able to link to them.
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Site Page".  Then Expand the Page group that contains the page you wish to link to, Next choose the Page you wish to link to by clicking on the Page name, then click "OK".

Mail To:

Return to Top

To link to an E-Mail address you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Other".  Then choose "Link to an Email Address", and enter the Email address you wish to receive emails from.  Then choose "ok".  Your text or image is now linked to an Email Address.

Page Anchor:

Return to Top

To link to a Page Anchor you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Other".  You will need to have created the anchor first before you can Link to it.  To create an Anchor you will need to switch to Source view.  Then add the code:<p>Anchored Text<a name="anchor"></a></p> The "Anchored Text" is the text that users will see.  and the "<a name="anchor"><a/>" is what you are naming that anchor.  Each anchor you create on your page will need a unique name.

see screenshot:

This is what the Anchor will look like next to the anchored text:

NOTE: YOU WILL NOT SEE THE LITTLE ANCHOR ICON ON THE LIVE SITE OR IN PREVIEW.  THIS IS SIMPLY A VISUAL REFERENCE TO LET YOU KNOW WHERE THE ANCHOR IS.

Once you have created the Anchor next to the text where you want to direct users to.  You will want to select the text you want to link to the anchor and click on the "Insert Link" icon.

Click on "Other", Then click "link to an URL".  And enter the name of the anchor that you specified earlier.  In this example it is #anchor. (The # sybol tells the system that you are linking to an anchor)  Then click OK.

You now have a page anchor and text that links to the page anchor.

File:

Return to Top

To link to an File you will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "File".  Then you can either select an already uploaded file and click "OK", or click on "upload a new file", browse for the file, upload it.  then click the file name and click "OK".

Special Links:

Return to Top

You can make links that will: "Add to favorites", "Send this page to a friend", "Go to previous Page". 

You will either create text, highlight it and click the link button.  Or if you have an image you will select the image, and then click the "Insert link" button. 
Once you click on "insert Link" the "Insert Link" box pops up you will choose "Other".  Then choose "Special Link", and choose which option you would like to link with.  Depending on the option chosen, you will have added options to specify details for that option.

Then choose "ok".  Your text or image is now linked to an a special link.

There are several ways to do this.  See links below on more detailed info.

1. Manage Images and Files area
   1. Standard Uploader
   2. Java Uploader
2. FTP
3. YouTube Embedd Code video
   
4. YouTube instructions

Here is a list of file extensions that are supported when you have the "new Video player" enabled on your site:

the following video file types are converted into the "mp4" video format:
'asf', 'asx', 'wmv', 'wm', 'wvx', 'wmx', 'mov', 'qt', 'm4v', 'm4p', 'mpeg', 'mpe', 'mpg', 'm1v', 'm2v', 'flv', 'f4v', 'f4p', 'avi', '3gpp', '3gp', '3gp2', '3g2', 'rv', 'rm', 'ivf', 'vob', 'divx', 'xvid', '264', 'h264', 'mp4v', 'mkv'.

And the following audio file types are converted into the "mp3" audio format:
'f4a', 'f4b', 'm4a', 'm4b', 'm4p', 'mp2', 'mpa', 'm3u', 'ogg', 'flac', 'ape', 'ra', 'ram', 'aif', 'aiff', 'aifc', 'au', 'snd', 'wav', 'wma', 'wax', 'mid', 'midi', 'rmi', 'mka', 'aac', 'adts', 'dts', 'wv', 'wvc'.

To enable the "new video player" on your site please contact support and ask them to enable it for your site.

NOTE: Our server has limit setting set to 51 MB at a time(files larger than that will not upload with the regular uploader).  However the Java Uplaoder splits files to small pieces when uploading to the server, then puts them back together.  please use the Java uplaoder or FTP for large files

You can access your FTP from a browser or an FTP program.  Here's how:

To access your FTP from a browser you can go to ftp://ftp.websiteforge.com/

And then login with your username.  (which looks like this: YourUsername.websiteforge.com) (YourUsername refers to the user name that you login to your members area with.  So if you go to www.websiteforge.com and login with JohnSmith as your username then your login would be JohnSmith.websiteforge.com)

Your password, is the password that you login to your members area with.

If you are using a FTP program, then your Server address would be:
ftp.websiteforge.com

and you will use the same instructions above for the Username and Password.

You can also access FTP from within your members area.

When you go to "manage images and files" there is a link on the bottom left hand side that reads "upload via FTP"

see screenshot: