How To Use A Custom HTML Widget To Add Custom Items To Your Store

Live Design Widget Video Tutorial:




Adding the custom HTML/WYSIWYG widget is easy and can be done in both live design and the store's admin console.

1. Live Design

Just open live design on your site. Click the widget icon in the top left. Now click "Add New Widget" link in the area you want to add the widget. 

Select the Html widget(same process for any other widgets also) save it, and your widget is ready to be edited.



2.Admin Console

Go to the page where the widget will go in the theme editor. Themes > Active Theme (or any theme) > Any Page or page area (ie columns, header, footer)
Click on the widgets link under the page name. Click on Add Widget  to load the Available Widgets page. Click Add on the widget that you would like to load on the page. 

 

 

It's easy to add a third party button, widget, or banner to your store using the Custom HTML widget. This can be used for widgets, images, banners, and even videos.

For example: 

 

 

 Switch to the Text-Only editor to add the code provided by the third party site of your choice.

 

Enter the code as provided by the third party. It usually looks like a script or embed code that begins with something like this:

<!-- START FOLLOW BADGE CODE -->

 

 

Remember to hit save!

 

Now, you can switch back to the HTML Editor and see the finished product.

 

 

 

Back to Themes FAQs

 

More Useful Help:
  Americommerce Help Articles on Theme & Site Design
Americommerce Community

Tips and Tricks With CSS on w3schools.com
Tips and Tricks with HTML on w3schools.com
      

 

 

 

 

Note: Theme modification involves any change to the default values in the HTML or CSS of any theme or widget. Support can direct you to the correct page to make changes or to reset the widget, page HTML or CSS to its default value. This will undo any customization that may be in place. Before you create or modify a theme using HTML and CSS it is suggested to have a backup handy.

While theme modification is outside what support is allowed to assist with, if you need assistance with making modification to the theme, our implementation department is available to make these modification at an hour rate. If the service is ever needed please let us know and we will get that process started for you. Or check out our new Theme Store to find a theme that suits your needs.

Have more questions? Submit a request

Comments

Please sign in to leave a comment.