Logos Widget

The Logos Widget allows you to add a variety of logos to your website, including your site logo, accepted payment types logos, product brand logos, and the SSL logo. Watch the video below for a quick overview of how to to use the Logo Widget, and read below for more detailed instructions and for information on settings.

In this article, you will learn how...

• To add a Logos Widget to your website
• To configure the Design settings for a Logos Widget

To add a Logos Widget to your website:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Browse the Widgets tab to locate the Logos Widget you want in the BUSINESS section.
   
3. Click and drag the Logos Widget onto your website page.

   Allowable areas a Logos Widget can be inserted into include:

   • Within rows
   • Within columns
   • Above or below existing widgets
   • Between existing widgets

   The Logos Settings popup will be displayed.

   
4. Configure the settings for the Logos Widget.
   • Panel Title: lets you specify the title that will appear in the header area for the logo panel.
   • Logo Type: lets you choose the type of logo(s) you want to add.
     • Logo: will display the site logo you upload via the DESIGN > LOGO & TITLE TAB. If you have not uploaded a logo, your site name will be displayed.
     • Mobile: will display the mobile logo you upload via the DESIGN > LOGO & TITLE TAB. If you have not uploaded a logo, your site name will be displayed.
     • Available Payments: will display the logos for all the payment types accepted on your website.
     • Product Brands: will display the logos for all the product brands that are available on your website.
     • SSL: will display the SSL logo if you have an SSL certificate installed on your website. Click here for information and installation instructions for SSL certificates.
5. Click OK to apply the changes.
6. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.

To configure the Design settings for the Logos Widget:

1. Mouse over the widget.

   The widget's controls will be displayed.

2. Click on the down arrow beside the Logos Widget icon.
3. Choose the Logos Settings item from the drop-down menu.
   

   The Logos Settings popup will be displayed.

4. Click on the Design tab.
   
5. Select from one of the pre-configured Logo Layout options.
6. Configure the rest of the design options for the Logo Widget.
   • Logo Spacing: lets you specify the distance between logos in pixels. Use the slider or enter a value between 1 and 50.
   • Image Effects: lets you apply filter and transform effects to the logo image.
   • Hover Image Effects: lets you apply filter effects, transform effects and hover animation to the logo image for the hover state.

     Click here for instructions on how to add image effects.

7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.