Actions

Difference between revisions of "Add Edit Widget"

From Shopnix Help

(HTML WIDGETS)
(How do I create a HTML Widget)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
  
== What can I use HTML Widgets for? ==
 
You can use widgets to add the below stuff to your shop
 
* Your store footer
 
* Banners/text in home/product page
 
* Banners/text on the left nav
 
* Videos[[File:SmallHTMLWidget.png|right]]
 
* 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
 
 
[[File:CreateHTMLWidget.png|1200px|frameless]]
 
 
5.If you want to add CSS and JavaScript then you can add those in FOOTER or HEADER,the HTML part you can add here.Like below
 
 
[[Image:ToolsWidget.png|frameless|1200px]]
 
 
click on the source code and an editor will open there you can put your html code like below
 
[[Image:ToolsSource.png|frameless|1200px]]
 
 
 
6. You can select which page you want the widget to appear by selecting the pages below
 
 
[[Image:displayWidget.png|1200px|frameless]]
 
 
7. Once you are done, just click '''SAVE''' to save your widget
 
 
8. Now refresh your shop page in your browser and the widget you have created should appear in the page.
 
 
For example I have created a blinking button for my store (Note: I put the CSS in the footer).
 
 
[[Image:mystyle123.png|frameless|1200px]]
 
 
 
If you have more queries or would like assistance with this please contact us on [mailto:support@shopnix.in support@shopnix.in].
 

Latest revision as of 21:03, 3 June 2014