Creating a Shop by Category Widget

A Shop by Category widget is an easy way for your online customers to quickly locate items to purchase on your ecommerce website. Follow these two easy steps to place a Shop by Category widget on your ecommerce website:

  1. Create the widget.

  2. Configure the widget's behaviour.

Creating the Shop by Category Widget

To create a Shop by Category widget:

  1. From the PAYD Administration main screen, click Ecommerce.

  2. On the Ecommerce menu, under the Site section, click Themes.

  3. In the Ecommerce - Themes, click on the theme name.

The theme's profile screen appears.

  1. Click the Widgets tab on the top of the screen.

  1. Select the tab which represents to page on which you want your widget to appear. Choose from:

       Homepage - This is the default tab selected. Homepage represents your ecommerce website's home page. This is the page that customers will see first when they arrive at your website.  

       Search Results - This tab represents a Search Results page that will appear once a customer has used search functionality on the ecommerce website to search for something.

       Product Details - This tab represents a product details page that is unique to each product clicked on from the homepage or from search results. When a customer clicks on a product, the product details page loads up.

  1. Once you have selected the tab, use the mock-up of the web page to select the area of the web page on which you want the widget to appear. Choose from:

       Top

       Left

       Centre

       Right

       Bottom

       Footer

       Absolute Positioning.

  1. In the area of the page where you wish to add the widget, click the button.

The New widget screen appears.

  1. In the Name field, enter the widget's name.

  2. Click the Context drop-down menu and select the context in which you would like the widget to appear following these guidelines:

       All contexts - The widget will appear on every page of your ecommerce website in the area you selected in steps 6 and 7.

       Homepage only - The widget will only appear on the homepage of your ecommerce website in the area you selected in steps 6 and 7.

       Search Results only - The widget will only appear on the Search Results page of your ecommerce website in the area you selected in steps 6 and 7.

       Product Details only - The widget will only appear on the product details page of an item that the user clicked in the area you selected in steps 6 and 7.

  1. Click the Widget Type drop-down menu and select Shop by Category.

  2. Click the Continue button.

A profile screen appears that enables you to define the widget's behaviour and determine what categories will be included. The Name field will already be populated by whatever you entered in step 8.

To configure the widget's behaviour:

  1. Complete the fields in the Details section as follows:

       Optional div ID - the div ID is an alphanumeric identifier for the widget. This identifier is used by CSS to refer to the widget. The value entered here should be unique (e.g. do not use this div ID for multiple widgets).

       Online -use these radio buttons to select whether or not the widget will be visible on your ecommerce website. Select Yes to make the Shop by Categories widget visible; select No to remove it from your site.

       Context - use this drop-down menu to select which pages of the ecommerce website will display the Shop by Categories widget. Select All to have it appear on all ecommerce pages; select Homepage to have it appear only on the homepage; select Search Results to have it appear only on the results of a product search; select Product Details to have it appear only on a product's details page.

NOTE: The Context options are mutually exclusive - you cannot choose to have a Widget appear in Homepage and Search Results. It can only appear in one place or all places.

       Maximum number to display - enter a numeric value between 1 and 99 in this field to determine how many categories will be displayed within the widget. For example, entering '20' into this field means 20 products will be displayed. Leave the field blank for no limit.

  1. Click the Save button on the bottom of the popup.

 

Related Topics: