plainblack.com
Username Password
search
Bookmark and Share

Add Products

Create products to sell in your Shop by using the Product asset, located in the New Content menu.

 

  1. Select Product from the New Content menu to open the Add Product screen.

 

 

  1. Give you product a name in the “Title” field.

  2. The “Menu Title” is the title of this product as it would appear in the site navigation. You can enter a menu title, or you can leave this field blank and WebGUI will automatically use the Title for this field as well.

  3. The “URL” is the URL for this specific Product asset. You can specify a URL, separating words with a dash or underscore, or you can leave this field blank and WebGUI will generate a simple URL for you.


Note: You can also add the ^ViewCart; (and/or ^MiniCart;) macro to the Description field of a Product asset. This will place a View Cart icon/link within the body of a Product asset. If you only have one Product for sale on a page, this is a good option. This might also be useful if you have an article placed on your site, outside of the Shop, and you want to allow people to purchase a Product directly from the same page as the article. Another idea is to use ^AssetProxy; to pull the Product asset from the Shop into the page on which the article is displayed.

 

  1. In the “Description” field you can enter a description of the product you're selling.

  2. The “Thank You Message” field is used to enter a message the user will receive upon purchasing this product. A user adds the Product to their cart via the Add to Cart button. Once this is done, the thank you message is displayed along with a link to access the shopping cart.

  3. Near the bottom of the screen are a number of fields that can be used to upload files related to this product. Click the Browse button to the right of these fields to locate an image, brochure, manual, or warranty file on your workstation to upload. To remove a file from a field, click the remove button.

 

 

If you are editing an existing Product asset, the file names will appear in these fields. To delete an existing file from one of these fields, click on the red X next to the file, and confirm that you wish to delete it in the “Delete this file?” field by clicking on Yes or No.

 

  1. Set the display settings in the Display tab.

 

 

  1. The “Hide from navigation?” field lets you determine if the menu title of this asset will appear in the site navigation. The default is Yes, meaning the menu title will not appear.

  2. If the “Open in new window?” field is set to Yes, this asset will open in a new browser window when it is clicked on in the site navigation.

  3. “Display the title?” lets you determine if you want the title entered in the Title field of the Properties tab displayed on the page.

  4. The “Cache Timeout” field determines the amount of time to pass before the cached view of this asset is cleared. Since all users will view this asset the same way, the cache timeout can be set at a long length of time to increase performance.

  5. The “Product Template” field is used to select a template in which to view this product. If you have a special template to use for Products, this is where you would select it.

 

9. Set this Product's security settings in the Security tab.

 

  1. The “Owner” of an asset is a user who always has editing and viewing privileges. Usually, this is the user who created the asset. To select a new Owner, click on the gray box to the right of the field.

  2. The “Who can view?” field determines the group of users allowed to see this asset on the site.

  3. The “Who can edit?” field determines the group of users who have editing rights for this asset.

 

10. If necessary, apply Metadata in the Metadata tab. This is the same metadata tab common amongst most assets. You can learn more about its fields in the instructions for creating a Page Layout earlier in this section.

Entering an identical metadata keyword in a Product asset and Shelf asset will allow you to pull in a Product from anywhere on the site for display on Shelf. See the section on Shelf for more information.

 

11. The Shop tab contains settings specific to this Product asset. This screen's appearance is different depending on the Tax Driver Shop is using.

 

Generic Tax Driver

 

 

  1. The “SKU” field contains an inventory code (stock keeping unit) generated for this Product. You can erase the random code generated by WebGUI and enter your own value. For example, you could just enter Tshirt. This is the base SKU for all variants of this product.

  2. In the Shop Settings, a site administrator was able to add Vendors. The “Vendor “ field is where you can select the Vendor for this Product from the dropdown menu.

  3. If “Ships Separately?” is set to Yes, this Product will incur additional shipping costs separate from the rest of the order.

  4. If “Is shipping required” is set to No, this Product will not incur shipping costs at checkout.

  5. The “Override tax rate?” field allows you to override the default tax rate that was set in the Shop Settings. This field corresponds to the following field, “Tax Rate Override.” This field might be used in areas where no tax is applied for life-essential products, like food.

  6. If the “Tax Rate Override?” field is set to Yes, you should enter the new percentage used to calculate tax for this product in the “Tax Rate Override?” field.

 

European Union Tax Driver

 

  1. The “SKU” field contains an inventory code (stock keeping unit) generated for this Product. You can erase the random code generated by WebGUI and enter your own value. For example, you could just enter Tshirt. This is the base SKU for all variants of this product.

  2. In the Shop Settings, a site administrator was able to add Vendors. The “Vendor “ field is where you can select the Vendor for this Product from the dropdown menu.

  3. If “Ships Separately?” is set to Yes, this Product will incur additional shipping costs separate from the rest of the order.

  4. If “Is shipping required” is set to No, this Product will not incur shipping costs at checkout.

  5. If using the European Union tax driver, you will need to select a VAT group from the “VAT group” field.

 

12. Click save to add your product to the shop.

 

 

Once a Product is created, a Controls menu will appear inside the Product asset. This menu will only be visible while in Admin mode. The Controls Menu contains options for further customizing your Product.

 

Add a Variant

Once a Product asset is added to your Shop, you will be able to set its price and SKU from the Controls menu. This is the screen in which the price and first product variant SKU is established. After you have initially completed this screen, the link will disappear from the Controls menu for this product and you will see “Add a Variant” instead.

 

Clicking on the “Set a Product Price and SKU” link opens the “Add Variant” screen. Product variants allow you to create different versions of the same Product. For example, the Product may be a shirt, but you will want to sell different sizes or colors of that shirt. Product variants allow you to do that.

 

 

  • SKU: enter a SKU (stock keeping unit) for this product variant. This will be appended to the base SKU established at the time of the Product asset creation.

  • Short Description: a place to enter a very brief description of this product variant. Text entered in this field will appear as the description of this product variant on the screen to the user, so normally this is a descriptive phrase alerting the user to what s/he is purchasing. When a shopper views the Product on the site, a dropdown menu is made available from which to select different variants of the Product. This is the text that appears in that dropdown menu.

  • Price: the price of this Product variant.

  • Weight: this is the weight of this Product variant. If you are charging shipping costs based on weight, you would want to enter a Product variant's weight here.

  • Quantity: this is the quantity of this Product variant in stock. WebGUI Shop will keep track of how many items of this variant are in stock, and will alter this quantity accordingly. When it is out of stock, this variant will not be available to add to the cart. When all variants are out of stock, an out of stock message will appear for this Product asset. If you have a unique item in your shop, this field is very helpful. It allows you to tell WebGUI that only 1 of this kind exists, and when a user places it in his/her cart, Shop will know that no more are available.

  • Add another variant?: if set to Yes, upon clicking Save another Product Variant screen will open, and you can create another variant of this product. If set to No, you will be directed back to the site.

 

Upon returning to the page/Shelf, the product variant will display in a dropdown menu next to the Add to Cart button. Only variants of this product that are currently in stock will be made available as a selection.

 

 

In Admin Mode, each variant will be listed in the asset as well.

 

 

Each variant will have an asset toolbar. Use the red X to delete a variant, the Edit button to edit the properties of a variant, or the up and down arrows to rearrange the order in which variants are displayed.

 

Add a Feature

The “Add a feature” link in the Product asset's Controls menu allows you to display product features within the Product asset. In this way, you can point out additional information of interest to your shoppers. For example, if you're selling shirts, you might want to point out what material they're made of, what country they're manufactured in, or any other feature that is unique to the product.

 

Click on the “Add a feature” link in the Product asset's Controls menu to open the Product Feature Add/Edit screen.

 

 

In the “Feature” field, simply enter the feature you want to point out. Then, in the “Add another feature?” field, indicate if you would like to continue adding features by setting the field to Yes, or simply return to the site by selecting No. Click save to add the feature.

 

Once all features are added, you will see them listed under the Features heading in the Product asset.

 

 

In Admin mode, each feature will have an asset toolbar. Click the red X to delete the feature, the Edit button to edit a feature's text, or use the up and down arrows to arrange the order in which features are displayed.

 

When Admin mode is turned off, each feature is listed in a bulleted list.

 

 

Add a Benefit

The “Add a benefit” feature is similar to adding product features. It allows you to display the benefits of using this product. Clicking on the “Add a benefit” link in the Product asset's Controls menu opens the “Product Benefit Add/Edit” screen.

 

 

In the “Benefit” field, enter a benefit associated with this product. Then, in the “Add another benefit?” field, indicate if you would like to continue adding benefits by setting the field to Yes, or simply return to the site by selecting No. Click save to add the benefit.

 

 

In Admin mode, each benefit entered is displayed in list under the Benefits heading. Each benefit will have its own asset toolbar. Click the red X to delete the benefit, the Edit button to edit a benefit's text, or use the up and down arrows to arrange the order in which benefits are displayed.

 

Add a Specification

The “Add a Specification” link allows you to display a list of product specifications. For example, often furniture pieces will have specifications listed informing the user of the furniture dimensions. Clothing might have specifications informing people of what materials they are made of, or measurements. Click on the “Add a Specification” link to open the “Product Specification Add/Edit” screen.

 

 

In the “Label” field, enter the label of this specification. This is basically the name of the specification as it appears on the page to the user. In the “Specification” field enter the value of this specification, and in the “Units” field enter the units used to measure this specification. In the example above, you can see that a length specification is being added. The length of the product is 24 inches. Then, in the “Add another specification?” field, indicate if you would like to continue adding product specifications by setting the field to Yes, or simply return to the site by selecting No. Click save to add the product specification.

 

 

In the Product asset, each specification has its own asset toolbar (when in Admin mode). Use the red X to delete a specification. The Edit button allows you to edit a specification, and the up and down arrows allow you rearrange the order in which the specifications are displayed.

 

Add an Accessory

The “Add an Accessory” link in a Product asset's Controls menu allows you to associate the product with other existing products on the site. For example, when a user is looking at a shirt, the user can also see other existing products related to it available for purchase in your shop.

 

Click on the “Add an Accessory” link in the Product asset's Controls menu to open the “Product Accessory Add/Edit” screen.

 

 

The “Accessory” field contains a dropdown menu. This menu lists all the Product assets that exist on your site. Select which product you want to display as an accessory to the current Product asset. Other Product assets can only be made an accessory to this Product once; so, when you select a product from this field, and save it, it will no longer appear as an option in this dropdown menu.

 

In the “Add another accessory?” field, indicate if you would like to add another accessory to associate with this product by setting the field to Yes, or select No to return to the site. Click save to add the accessory.

 

 

Each accessory will be listed, and will be linked to the Product asset for that accessory. Users can click on an accessory's name, view that accessory's Product asset, and purchase it. In Admin mode, each accessory will have an asset toolbar. Use the red X to remove an accessory, or the up and down arrows to rearrange the order in which the accessories are listed.

 

Add a Related Product

Adding a related product is similar to adding a product accessory. It allows you to link users to products related to the one they are viewing. For example, if you are selling a golf shirt, you might want to link users to golf clubs or tees to purchase through your shop.

 

Clicking on the “Add a related product” link in a Product asset's Controls menu opens the “Product Related Add/Edit” screen.

 

 

In the “Related Product” field you can select an existing Product asset to relate to the current Product asset. A product can only be selected once, and will no longer appear as an option once it has been chosen. In the “Add another related product?” field indicate if you would like to add another related product by selecting Yes, or simply return to the site by selecting No. Click save to add the related product.

 

 

In the Product asset, the related Product will be listed in the Related Products field, and linked to the related Product's asset, where the user can purchase it. If more than one related Product is listed, each will have an asset toolbar from which to remove it, or rearrange the order in which it is displayed.

 

Below is a Product asset with all items from the Controls menu complete.

 

 

Hovering your mouse over the thumbnail image of the product will display a larger image.

 

 

When a user visits a Product asset and adds a Product to the cart, the thank you message will display, along with a link to View Cart.

 

 

The user may proceed to the cart to check out, or click on Continue Shopping. Clicking on Continue Shopping directs the user back to the Product (or other SKU) asset that was just added to the cart.

Keywords: benefit feature product SKU variants

Search | Most Popular | Recent Changes | Wiki Home
© 2018 Plain Black Corporation | All Rights Reserved