Difference between revisions of "Widgets"

Latest revision as of 23:22, 6 June 2013

What is a Widget?

A widget is a UI element that allows you to list a select set of products within a mini-window on your store. Below is a quick rendering of an example widget.

This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.

For eg: You might want to show all the latest additions to your store as a widget OR You might want to showcase products with large discounts in a widget OR You might want to highlight a special category of products for a particular period to drive their sales.

Where can I access the Widgets feature in the Store Manager?

Goto Store Manager > Products > Widgets. You will see all your default widgets listed in this "Widgets List page".

What can I do in the "Widgets List" page?

The first column with arrows allows you to control the order in which the widgets are displayed The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question) The third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page The Is Active column indicates if the widget is enabled/disabled The Trash icon allows you to permanently delete a widget

How do I configure a Widget? What are the settings?

When you select a particular widget in the "Widgets List page" you will be taken to the "Widget Page". Here - The widget page is divided into two tabs, Widget and Widget Products The Widget tab is where you configure all the attributes of the widget including which page it is displayed on, what links should be shown under the widget, name of the widget, etc The widget Products page allows you to add products to be shown in the widget. You can add products by typing in the name/sku of the product and also control the order in which it is displayed in the widget

@@ Line 1: / Line 1: @@
+==What is a Widget?==
+A widget is a UI element that allows you to list a select set of products within a mini-window on your store. Below is a quick rendering of an example widget.
-== HTML WIDGETS ==
+[[Image:WidgetSlider.png|middle]]
-The  HTML Widget allows you to add and edit your own HTML code into your Shop. This will allow you to extend your shop by adding many thirdparty plugins and custom content.
-Widgets are small, self-sufficient content blocks that can be added to your shop to offer your visitors more value. Widgets are easy to install and use, making it a great way to improve a website without any programing skills. Designers can directly control the look and feel of the store using widgets as well.
+This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.
-== What can I use HTML Widgets for? ==
+For eg:
-You can use widgets to add the below stuff to your shop
+You might want to show all the latest additions to your store as a widget OR
-* Banners Images
+You might want to showcase products with large discounts in a widget OR
-* Custom Text
+You might want to highlight a special category of products for a particular period to drive their sales.
-* Videos
-* Google Calender
-* Google Maps
-* Facebook plugins
-* Linkdedin plugins
-* Twitter plugins
-* Google+ plugins
-* Stats Counter
-* Wufoo forms
-* LiveChats
-* etc
+==Where can I access the Widgets feature in the Store Manager?==
+Goto Store Manager > Products > Widgets. You will see all your default widgets listed in this "Widgets List page".
-== How do I create a HTML Widget ==
-To create a HTML Widget, follow the below steps
+==What can I do in the "Widgets List" page?==
-. Logon to your Shopnix Store Manager
-. Goto *Products > Widgets*
+[[Image:WidgetListPage.png|middle]]
-. Click on *Add New Widget* button. This will open a page where you can create a new widget
-. In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar
+The first column with arrows allows you to control the order in which the widgets are displayed
-. If you want to add code like Javascript of CSS that is typically required for external plugins, then you can switch to the edit mode using the CODE icon provided.
+The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question)
-. You can select which page you want the widget to appear by selecting the pages below
+The third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page
-. Once you are done, just click SAVE to save your widget
+The Is Active column indicates if the widget is enabled/disabled
+The Trash icon allows you to permanently delete a widget
+==How do I configure a Widget? What are the settings?==
+When you select a particular widget in the "Widgets List page" you will be taken to the "Widget Page". Here -
+The widget page is divided into two tabs, Widget and Widget Products
+The Widget tab is where you configure all the attributes of the widget including which page it is displayed on, what links should be shown under the widget, name of the widget, etc
+The widget Products page allows you to add products to be shown in the widget. You can add products by typing in the name/sku of the product and also control the order in which it is displayed in the widget