Add a Custom HTML Widget to a Theme

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.

Overview
Add the Widget
Using the Widget

Overview

The Custom HTML widget can be used to place code for 3rd party widgets, images, banners, and even videos.

Add the Widget

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

Live Design Method:

Open live design on your site and change the top setting from Design to Widget. Hover your mouse over the area you would like to place your widget and select the Add Widget icon in the top right of the widget area.

After clicking the Add New Widget icon, choose the Custom HTML widget from the list.

Your widget is now successfully added and ready for editing.

Admin Method

Navigate to Themes > Edit Theme and click on the page you wish to edit and select Widgets. This is where you can find all of the widgets for a specific page and their corresponding areas. The Home Page is used in the example below.