Actions

Difference between revisions of "Widgets"

From Shopnix Help

(Created page with "==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 wi...")
 
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.
 
  
[[Image:WidgetSlider.png|middle]]
+
== HTML WIDGETS ==
  
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.
+
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.  
  
For eg:
+
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.
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.
 
  
 +
== What can I use HTML Widgets for? ==
 +
You can use widgets to add the below stuff to your shop
 +
* Banners Images
 +
* Custom Text
 +
* 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 ==
==What can I do in the "Widgets List" page?==
+
To create a HTML Widget, follow the below steps
 
+
1. Logon to your Shopnix Store Manager
[[Image:WidgetListPage.png|middle]]
+
2. Goto *Products > Widgets*
 
+
3. Click on *Add New Widget* button. This will open a page where you can create a new widget
The first column with arrows allows you to control the order in which the widgets are displayed
+
4. In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar
The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question)
+
5. 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 third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page
+
6. You can select which page you want the widget to appear by selecting the pages below
The Is Active column indicates if the widget is enabled/disabled
+
7. Once you are done, just click SAVE to save your widget
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
 

Revision as of 21:51, 6 June 2013

HTML WIDGETS

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.

What can I use HTML Widgets for?

You can use widgets to add the below stuff to your shop

  • Banners Images
  • Custom Text
  • Videos
  • Google Calender
  • Google Maps
  • Facebook plugins
  • Linkdedin plugins
  • Twitter plugins
  • Google+ plugins
  • Stats Counter
  • Wufoo forms
  • LiveChats
  • etc


How do I create a HTML Widget

To create a HTML Widget, follow the below steps 1. Logon to your Shopnix Store Manager 2. Goto *Products > Widgets* 3. Click on *Add New Widget* button. This will open a page where you can create a new widget 4. In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar 5. 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. 6. You can select which page you want the widget to appear by selecting the pages below 7. Once you are done, just click SAVE to save your widget