Support Manual / Site Specific Help / E-Commerce How to's

Go to your "Categories" area of your E-commerce module, and click add.

The path looks like this: YourDomain.com > Modules > Ecommerce: Products (mX) > Categories 

See screenshot:

The area looks like this:

Click on "Add Category" to create a new category.

Once you have 1 Category created you can "export to CSV" and create your Categories in a CSV file, then import them.  This is recommended if you have a large number of Categories.  Also you can Backup your Categories by exporting to CSV and saving the file on your Computer.

When you are on the add category screen you will be able to set the category name, whether its active, make a description for the category, add a picture that represents the category, Select where in the tree structure it appears and set any shipping restrictions.  You can also add products that will be included in this category.

See screenshot:

Notes:

• It is recommended to create your Category structure prior to adding products.  It is the organizational unit of your products.
• If you have a "category tree" displaying on your site anywhere, all of your active categories will automatically display in the category tree.
• Changes made to your E-commerce module don't need to be published they are live and active once saved.
• If you add an image to your category, you can display them with the advanced Category list frame in a very professional manner.

You can export products in your "Products" area in your E-Commerce Module.

"Export to CSV"

"Export Inventory"

"Advanced Export to CSV"

"Export to Google Merchant Center"

See screenshot:

When you are on your products page you can export products in a couple of ways.

"Export to CSV"

"Export Inventory"

"Advanced Export to CSV"

"Export to Google Merchant Center"

First thing to understand about this process is if you do a search on the left hand side of this area, and then click any of the export options it will only export the items from the search results.  If you wish to export all of your items then you should click the "Show All" button prior to doing an export.

Export to CSV

Will export all of the products listed from the search.  It will include all fields that you have for your products. (Fields are "SKU", "Description", "Price", etc...)

Export Inventory

Will export all of the QOH for the results listed. ( it will show the sku and QOH of that sku)

Advanced Export to CSV

This option will export all of the items shown from the search.  But will allow you to choose what fields to export. (This can come in handy if you are only looking to update pricing for example.  Then you may only want to export the title or sku, and the price field.  To keep the file small and easier to update)

See screenshot:

Export to Google Merchant Center

also see this video

This option allows you to export to Google Merchant Center.  And set the mapped fields here. This will save a .txt file that you can import to Google Merchant Center.  (Note: be sure the fields match how you want them to be linked in Google Merchant Center)

See screenshot:

Once you click on "Export" in any of these scenario's it will either prompt you to save the file (if it is small enough) or it will go to "scheduled tasks" and create the file for you there.  Once completed it will have a link for you to click and downlaod your file.  The link will expire soon after creation.

YES!  this can be done by importing products.

There are several advantages to importing products, 1 is that it is much faster when you have a large number of products you are working on at once.  Another, is that the import product option is fairly flexible.  You can update, add and remove products with an import.

WE STRONGLY RECOMMEND EXPORTING ALL PRODUCTS AND SAVING AN UNTOUCHED VERSION OF THE FILE BEFORE MAKING ANY MASS PRODUCT CHANGES.  This is for backup purposes.  Keep in mind we do back up your products, there is a restore fee when we need to pull the backup files and restore them.  Keeping a copy of all of your exported files is a free way for you to keep a backup of your products.

To see a list of videos regarding imports click here

To import your products you will first need to format a csv spreadsheet so that our system will recognize your products.  The easiest way to do that is to export your current products first and view the exported file. (if you do not have any products yet, it would be easiest to enter in one product manually then export it, so the format is already done for you when going to add more items) Click here to learn how to export products.

Once you have your file created and ready for import you will want to go to the "Import Products" area of your E-commerce Module.

see screenshot:

 Once there you will see a screen that looks like this:

You can browse to your file in the first line where it says "text file to import".  Click the "browse" button.

Next click on the green "parse first line" button.

Once the file is parsed successfully it will look something like this:

You will want to be sure the fields match.  Active should show Active in the drop down list.  NOTE you may have fields that you wish to skip during import.  If you cilck the drop down list you can choose to skip those fields.

Once the fields are properly mapped you can scroll down the page toward the bottom.  It should look like this:

You will want to determine what type of import you are doing.  If you are adding new products that do not exist choose "Add".  If you are updating certain fields of existing products click "update".  If you are removing products you can choose "delete".

You can choose to delete all products before import.  I only recommend this if you have a full backup copy of your products and are sure this is what you wish to do.  This means that it will delete your entire products catalog and add only what is in your import file.

You can also choose to delete all Categories before import.  Again, I only recommend this if you are sure you only want the categories listed that are in your import file and you are "Adding" products.

Don't import First line of file.  Always check this.  The first line of the file is the header of the file and you do not need to import it.

Default Category.  If no category is specified in the file, this category will be used to import your products.

Image Folder.  If you choose to upload images with your import you can specify what folder you wish to upload them to.

ZIP File with Images.   If you have images to upload and have specified them in your import, then you can upload the corresponding image files in a zip file here.  

Finally, click on "Start Import".

Depending on how many products you are importing it may take a while.  IF so, the status of the import will be in "Scheduled Tasks".

s

There are a couple ways to add a new product.  This answer will show you how to add a new product in your members area by clicking the "add product" button.

for videos relating to adding products see here

1. Once you login to your WF Members area go to "products".  This is located under your domain name, Modules, E-commerce Module.

YourDomain.com > Modules > Ecommerce: Products (mX) > Products

Once in your products area, you will see products (if you have any) displayed on the right side of the page.

2.CLICK ON "ADD PRODUCT"

You can add products by clicking the green "add products to" button.  If you have Product types defined then there will be a drop down box with your product types, so you can select what Product Type to add the product to.  More info about product typs here

Next you will see the screen where you can add information about your product.  YOU ONLY NEED TO ADD INFO TO THE REQUIRED FIELDS

See screenshot:

3. FILL IN THE REQUIRED INFO. (See details below on all items listed in this area)

The Second portion of the add products screen:

Page Title	This is what is seen as the "Title" for the search engines.  When it is set to automatic it uses the title of the product and sku
Page Alias
Meta Description	The is where you can edit the meta description for this items product details.  When set to automatic, it will use info from the description field
Meta Keywords	This is where you can edit the meta keywords.  by default it uses the "name" field to populate it
Product Options	This is where you can add options for your product.  for example if you are selling a shirt a product option would be sizes or colors.  (Note a global option can be applied to multiple products, a product specific option is available for only that product)
Product Level Discounts	This is where you can enable product level discounts.  If you wish to have a discount for this product you can click this box.  Once clicked you will have the option to make discounts based on Qty or cost.  And have the option to give it a new price, a percentage discount or a set price discount.
Ship From	The shipping location are setup in the "Shipping sources" area of the E-commerce Module
Shipping Restriction	This is one place where you can specify if this item ships nationally, internationally or has no shipping restriction

 4. Once finished click Save.

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.

You can add and remove Modules depending on your website package that you purchased.

To add a module go to YourDomain.com > Module List

See Screenshot:

Once on this scren click on the green "add Module" button.

you will be taken to a screen that looks like this:

On this screen you can choose from the drop down list what Module you wish to add.  This list is limited by the website package you purchased. 

If you wish to purchase a module that isn't showing in your drop down list you can purchase add on Modules for existing clients here.  Or feel free to contact support

There are a few ways to ship internationally on your site.  This Answer will go over how to setup some standard international shipping Conditions & methods.  To see how to setup Bongo to ship internationally please click here for a quick video or Here to see written instructions and more help relating to Bongo.

When setting up International shipping conditions and methods you will need to define where in the world you are shipping.  You can do this by creating a "zone" for the places you wish to ship to.

Go to YourDomain.com > Modules > Ecommerce: E-Commerce (m11) > Shipping Zones

Next choose the countries you wish to ship to and click the "add item" button to add it to the list on the left.  All of the countries in that list will be countries that you can ship to.  Once they are all added you can click "add" to create the new zone for international shipping. (in this example we are going to add Spain, and we are going to name this zone Spain so it is easy to identify later)

See screenshot:

Now that you have your destinations selected and your zone created you will now need to create a shipping condition that will use that new zone.

Go to YourDomain.com > Modules > Ecommerce: E-Commerce (m11) > Shipping Conditions/Methods

and click on "add Condition".

Then you will want to name your condition relevant to where you are shipping so that it is easy to create Methods for it.

see screenshot:

Here is a breakdown of the Condtion Settings

1. You can limit the order amount in the "order total range".  This is most used if you wish to have a minimum order total before shipping to this particular area
2. You can specify a weight range.  If you sell heavy items you may not want to ship them internationally.  If so you can set the top range weight to a smaller amount.
3. The destination zone is where you choose the zone that you previously created
4. Sources are setup in YourDomain.com > Modules > Ecommerce: E-Commerce (m11) > Shipping Sources.  If you only want to offer shipping from one particular source this is where you can specify one or any source
5. You can restrict what itesms are shipped by clicking the drop downs next to "items" and selecting "items selected" then choosing specific categories or items that you wish to ship to this particular area, or by choosing "all except selected " if you have only a few items you wish to exclude from shipping to this area.
6. You can also specify if this shipping option applies to a particular group of buyers or only certain buyers.
7. You can also exclude p.o. boxes by checking the bottom box and cicking save.

Once you click "save" it will take you back to the main Shipping Conditions/Methods screen.  Now you will need to determine what Shipper you wish to use for shipping internationally.  This is done by adding shipping methods.  

Click on "add method" and choose the Condition you just created and then Choose what shipper you wish to use (UPS, Fedex, USPS, DHL, Freightquote) then click "add".

see screenshot:

The next screen will allow you to choose how this shipper will ship.  Be sure to pick a method that IS international.  For UPS the methods available are worldwide express, worldwide expidited & worldwide express plus.

See screenshot: 

If you do not wish to charge an upcharge for shipping, then you can click save and add more methods if you wish to offer multiple methods.

If you wish to add a markup you can do so in the table at the bottom.  Here is how it works.

The "ranges by" allows you to select what the upper value in the table is calculated by item quantity, order total, or Weight. (in this example I will use "order total")

In the example above when an  order is under $50 it will add 15% markup on shipping, orders between $50-$99 will have 10% markup, and the rest of the orders will have 5% markup

Be sure to Save your changed under the table, then save the method when finished.

If you wish to define more methods you may add as many as you wish.

NOTE: when an order is searching for a shipping method, it will look at your conditions and start at the top and go downward.  If the order in the shopping cart doesn't meet the requirements of the first condition it will look at the next until it finds a condition that allows that order to ship.  So placement of the conditions can be important.

How to add FREE SHIPPING using a shipping method, and other ways to configure free shipping.

This area will show you how to add the mini shopping cart and customize it.

First go to the page or the area you wish to add your shopping cart to.  We recommend adding your shopping cart to an area of your site that is visible on many pages ( like a header or side area that is shared with the majority of your pages).

Add a new empty frame. (click here if you do not know how to add a new empty frame)

Next Choose "Frame Type and Info". (Click here to see the Content Tool bar icons)

Then choose your E-commerce module in the first drop down list.

And "mini Cart" in the second drop down list.  When you click "Save" it will take you to the frame settings of the mini cart frame.

Starting at the top...
Layout: you can choose "landscape", "Portrait", or "minimal".

You can see slight differences in each. 

Show buttons when cart Empty: This feature will show the "view cart" and "checkout" buttons when there are no items in the cart.

Product Count Label: This option can be changed to say anything you would like if you do not want it to read "you have x products in your shopping cart"

Empty Cart Label: This allows you to change what the cart says when there are no items in it

View Cart Label: This allows you to change the label that reads "view cart".

Checkout Label: This allows you to change the button label for "checkout".

Empty Cart Icon: This allows you to have a customized icon for your empty cart.

Non-Empty Cart Icon: This allows you to have a customized icon for your non empty cart.  You can use any image file, but the size should be (32x32)

See an example of different cart icons here:

Enable Shipping Calculator: This will put a link in your shopping cart for the shipping calculator so users can estimate the shipping cost.

Wish List Product Count Label: This will allow you to have a custom label for your Wish List if it is enabled.  (Click here to learn how to enable your wish list)

Empty Wish List Label: This will allow you to have a custom label for the empty wish list.

View Wish List Label: This will allow you to make a custom label for the viewing the wish list

Empty Wish List Icon: This works the same as the custom cart icon mentioned above.

Non-empty Wish List Icon: This works the same as the custom empty cart icon mentioned above.

Show In: This option allows you to determine if the cart will show in the full version website, mobile version site, or both.  (to learn how to enable your mobile website click here)

Mobile Version Appearance: You can determine if you wish the mobile version to show a default cart, Full cart or Minimized cart.

Title for Minimized Frame: You can create a title for the minimized frame if you wish.

This area will show you the differences between the Mini Cart and the Full size Cart options.

The Mini Cart shows you basic info. like how many items are in your cart and the total of your cart.

The full size cart shows you all of the items in your cart, Quantities and Totals.

Here you see how the empty carts look side by side:

and now how they look when there are items in the cart:

Here are some Pros of each.

For detailed instructions on how to add the mini cart to your page click Here.  For instructions on the Full size Cart Click Here.

There several ways you can accept credit cards.  This answer will tell you what you will need and how to set it up.

First you will need a merchant account.  There are several merchants that we support.  Here is the list:

Here is a list of videos that pertain to the payment settings setup as well. (click here)

Once you have a Merchant account you can set it up in your E-commerce module under "Payment Settings".

Each method has different requirements to set them up.  If you edit the method you wish to use you will find more detailed instructions on how to set it up on the individual payment setting method screen.

Also if you do not have an E-Commerce Module, you can put Paypal "buy" or "Donation" buttons on your site to accept payment through Paypal. Here is a quick video on how to do that. (click here)

If you have several methods to accept payment you can check and setup each method and then select the method you prefer to use at the bottom of the "payment settings" page. (See screenshot)

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"