Website Content
      Back to home
      1. BLAZE US Knowledge Center
      2. BLAZE ECOM
      3. Website Content

      ECOM | BLAZE Sites - Widgets

      This article will explain what and how to use widgets in BLAZE Sites Editor

      What are Widgets? 

      Widgets are the key building blocks of a site, allowing you to add and manage content effectively. They serve as essential elements that enhance both the functionality and design of your website. By incorporating various types of widgets, you can create a dynamic and engaging user experience.

      BLAZE Sites Widgets

      BLAZE Sites widgets have limited design customization. 

      The following is a list of available BLAZE Sites widgets to be added to your site: 

      • Age Gate - Works in tandem with the ECOM Menu's Age Gate.
      • Banners - Will display promotional banners as configured in Mission Control. 
      • Brands -  Displays grid of brands per limited or as filtered based on IDs (min: 3 max: 15).
      • Deals - Displays grid of Discounts/Deals based on counts and position in Mission Control.  
      • Products - Displays product cards as per limit, sort by, delivery type and valid for sale (min: 1 max: 6) 
      • Recommended Products* - Same as Products widget. 
      • Stores - Displays all the stores from the store group along with store information. 
      • Store Locator - This widget is REQUIRED to link store to site. 

      Recommended Products will only be displayed if enabled in ECOM Mission Control . 

      How to access Widgets

      1. To access widgets, log into cms.blaze.me 
      2. Click on "Edit Site" 
      3. On the left side navigation menu, select widgets

      💡 Widgets can be searched for using the search bar at the top or by scrolling through the different sections in the library.

      Add widgets from the widget library

      1. In the side panel, click Widgets to open the widget library.
      2. Click and drag the widget to the location you want in the site. A blue placement indicator appears.
      3. The widget appears in the location shown by the blue placement indicator.

      When dragging-and-dropping a widget to your site, note the text in the blue placement indicator:

      Insert here: The widget will be added to an existing row or column.

      Insert in new row: A new row will be added and the widget will be placed inside of it.

      Insert in new column: A new column will be added and the widget will be placed inside of it.

      Insert to Column: Inserts widget within current column. 

      Edit Widget: Content and Design

      You can customize widgets to adjust the content, appearance, and layout of your site. Editing widgets allows you greater control over what features your site has and how these features behave.

      🚨 BLAZE Sites widgets have limited design customization. 

      Edit Design

      Most widgets in the editor have design options that enable you to customize the widget's appearance for your site. Not all widgets have the same options. For example, some widgets do not allow you to edit inner spacing, others do not let you change outer spacing.

      To access the design editor, right-click the element, and click Edit Design.

      Deleting/Hiding Widgets

      Widgets can be removed from the content area by hiding or deleting widgets.

      1. You can hide widgets by selecting Layers in the side navigation menu and select the widget you would like to hide. 
      2. Click on the eye logo next to the layer/widget that you want to hide

      Hiding will remove the widget and its content from the webpage, but still keep it within the layers tab. 

      To delete a widget:

      1. Select widget to be deleted 
      2. Click on the trash can icon to delete. 

      🚨 This will delete and remove the widget from the layers tab. 

      If widget or content is accidentally deleted or removed, you may hit the UNDO button on the top navigation bar.