From this tutorial, you will learn how to use the ultra-stylish Logo Showcase widget that is included in the JetElements plugin.

Logo Showcase is a widget that can be added to nearly any website, displaying the brands connected to the site’s services. These could be logos of partners or clients, for example. You can display them in a grid layout.

Add the Logo Showcase Widget

First, go to your website’s dashboard and open the page where you want to use the Logo Showcase widget with the Elementor page builder. Type “logo” in the search bar, or scroll down to the JetElements section, then drag the widget onto the page.

adding the logo showcase widget

Add Brands to the Logo Showcase

Each brand logo is added to the grid individually. Navigate to the left-side menu and open the Content > Brands section. There, you will see the brand items. You can add as many items as needed by clicking the “+ Add Item” button.

adding logos to the widget

The item contains all the information you can place in the logo showcase.

logo item settings

In addition to the Company Logo, you can also include the Company NameCompany Description, and Company URL. All of this information can be automatically filled from the meta fields using the Dynamic Tags feature. To do this, you will need either the JetEngine or Elementor Pro plugin.

You can also click the “Magic Button” to find the brand samples in Sections > BRAND tab.

magic button brand

When you finish filling in the brands, choose the number of columns in the Content > Settings section. You can create up to six columns this way and change the Company Name HTML Tag value (“H1-H6,” “div,” “span,” “p”) to match the heading hierarchy of the page.

logo showcase widget settings tab

Style the Logo Showcase

Now you can go to the Style section and customize the logo showcase block. Adjust the settings to create a look that matches your taste and complements the rest of the website’s design.

logo showcase style tab

Finally, click the “Publish” button in the bottom-right corner of the page builder, and then go to the front-end to check the final result.

logo showcase widget front end

That’s all; you now know how to use the Logo Showcase widget on a WordPress website with the JetElements plugin installed.

Facebook
Skype
Twitter
LinkedIn
Pinterest
WhatsApp
Print
Threads
ABOUT AUTHOR
Rabby Islam

WordPress Web Developer | Loves To Coding & Explore new Things!

ADVERTISEMENT