Add Edit Widget - Revision history

Subhrajit: /* How do I create a HTML Widget */

2014-06-03T12:03:44Z

‎How do I create a HTML Widget

Subhrajit: /* What can I use HTML Widgets for? */

2014-06-03T12:03:23Z

‎What can I use HTML Widgets for?

Subhrajit: /* HTML WIDGETS */

2014-06-03T12:02:55Z

‎HTML WIDGETS

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T08:42:47Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T06:17:09Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T06:10:20Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T06:06:36Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T05:46:45Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T05:42:43Z

‎How do I create a HTML Widget

Subhrajit: /* How do I create a HTML Widget */

2014-05-26T05:40:32Z

‎How do I create a HTML Widget

← Older revision		Revision as of 12:03, 3 June 2014
Line 1:		Line 1:

−	~~== 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].~~

← Older revision		Revision as of 12:03, 3 June 2014
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 ==		== How do I create a HTML Widget ==

← Older revision		Revision as of 12:02, 3 June 2014
Line 1:		Line 1:
−
−	~~== 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.
−
−	~~[[File:HTMLWidgets.png\|center\|middle\|450px]]~~

	== What can I use HTML Widgets for? ==		== What can I use HTML Widgets for? ==

@@ Line 56: / Line 56: @@
 . 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).
+For example I have created a blinking button for my store (Note: I put the CSS in the footer).
 [[Image:mystyle123.png|frameless|1200px]]

@@ Line 56: / Line 56: @@
 . 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).
+For example I have created a blinking button for my store (Note I put the CSS in the footer).
 [[Image:mystyle123.png|frameless|1200px]]

← Older revision		Revision as of 06:10, 26 May 2014
Line 56:		Line 56:
	8. Now refresh your shop page in your browser and the widget you have created should appear in the page.		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].		If you have more queries or would like assistance with this please contact us on [mailto:support@shopnix.in support@shopnix.in].

← Older revision		Revision as of 06:06, 26 May 2014
Line 49:		Line 49:

	6. You can select which page you want the widget to appear by selecting the pages below		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		7. Once you are done, just click '''SAVE''' to save your widget

← Older revision		Revision as of 05:46, 26 May 2014
Line 43:		Line 43:

	[[Image:ToolsWidget.png\|frameless\|1200px]]		[[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]]

@@ Line 40: / Line 40: @@
 [[File:CreateHTMLWidget.png|1200px|frameless]]
-. 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.
+.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
 . You can select which page you want the widget to appear by selecting the pages below

@@ Line 38: / Line 38: @@
 . In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar
-[[File:CreateHTMLWidget.png|center|500px]]
+[[File:CreateHTMLWidget.png|1200px|frameless]]
 . 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.