• Days
  • Hours
  • Minutes
  • Seconds
Special Offer
Save up to 40%
on any purchase
Grab the Deal
how to display logos using different settings

How to Display Logos Using Different Settings in WordPress

Displaying different types of logos of your potential customers, stakeholders, affiliates, and more grows trust among users to get assured to explore your website’s content, and it’s an effective way of increasing conversion rate. There are some specific strategies by which you can make the appearance of your logos more eye-catching to the visitors.

Among these strategies, displaying logos using tooltips, logo auto-resize, and cropping can be more efficient in attracting visitors. Moreover, these help visitors make quick decisions whether they stay on your website or leave. Considering these circumstances, we will show you how to display logos using different settings in this tutorial.

Let’s get the show on the road! 

Step by Step Guide on How to Display Logos Using Different Settings in WordPress

In the upcoming guide, we will take a deep dive to get a clear-cut idea of how to display multiple logos using different settings options like a tooltip, auto-resize, and crop options. Before everything, you need to install WordPress as the CMS (Content Management System) of your website. We will use a robust plugin named Logo Showcase Ultimate Pro to complete the overall process.

Step 1: Upload and activate the plugin

First, you need to upload the plugin to your website. To do this, head over to the WordPress Admin Dashboard and click on Plugins ➤ Add New. This will take you to the Add Plugins page. Now click on Upload Plugin to upload ‘Logo Showcase Ultimate Pro’.

How to display logos using different settings: Upload the plugin.

Right now, choose a .zip format of the plugin by clicking on Choose File. After selecting the file, click on Install Now to install the plugin on your website.

How to display logos using different settings: Choose and install the plugin.

Once you have installed the plugin, it’s time to activate it. Click on Activate Plugin to make the plugin fully functional on your website. 

How to display logos using different settings: Activate the plugin.

You have successfully activated ‘Logo Showcase Ultimate Pro’ on your site.

How to display logos using different settings: The plugin in the list.

Step 2: Add a new logo with a tooltip

To add a logo, return to the Dashboard Admin Menu and click on Logo Showcase ➤ Add New Logo. It will take you to the Add New Logo page. First, give a suitable title for the new logo in the Add title box. Next, add the new logo by clicking on the Set logo.

Besides, you can write what the logo is all about in the Short Description. You can also set the logo address in the Logo link box. You also can add tooltip text for that specific logo by clicking Tooltip Text as you want to do how to design a logo using the tooltip. Lastly, click on the Publish button.

Using this process, you can add an unlimited number of logos.

How to display logos using different settings: Add new logo option.

To see where your newly created logos are stored, click on Logo Showcase➤All Logos. This will take you to the Logos page.

How to display logos using different settings: List of all logos.

Step 3: Generate a new shortcode for logos

With this step, you will learn to generate new shortcodes for logos. To do this, return to Admin Dashboard and click on Logo Showcase ➤ Shortcode Generator ➤ Generate New Shortcode

How to display logos using different settings: Generate new shortcode.

Now, you are on the ‘Generate New Shortcode’ page. Next, add a title for this ‘Generate New Shortcode’ page in the Add title box. This page contains shortcodes and different settings options like General Settings, Carousel/ Grid Settings, and Style Settings

Each setting includes different options to make the logo showcasing experience more advanced and eye-catching for the visitors.

How to display logos using different settings: Shortcodes and general settings.

Shortcodes:

In the Shortcodes option, You can use the automatically generated shortcode to display your logos in the Shortcodes option. All you need is to copy and paste the shortcode to any post or page you like, and your favorite logo will automatically be displayed on the slider.

How to display logos using different settings: The shortcode tab.

General Settings: 

There are two different layouts for you in general settings: Carousel and Grid. These layouts define how your logos will appear in the slider. You can specify the number of logos displayed in the Display Total Logos option. There is an option to ‘Show/Hide‘ the carousel or grid title. In Logo Type, you can display logos based on the latest published, older published, random, ascending and descending order, category, ID, etc.  

In general settings, there are options to customize logo images beautifully.

How to display logos using different settings: The general settings in detail.

Carousel Settings:

In Carousel settings, you get 16 pre-designed themes. There are also buttons to customize Auto Play, Repeat Logo, and Stop on Hover options. Moreover, you can define how many logos you want to show on different devices. Also, there are slide customization options for you. There are other numerous features in it.

How to display logos using different settings: Details of carousel settings.

Grid Settings:

Grid settings offers 8 different pre-designed themes for you. You can customize Columns and  Pagination. 

How to display logos using different settings: Details of grid settings.

Style Settings:

In both carousel and grid style settings, you can customize options like ‘Image hover effect’ and tooltip in multiple ways to display logos more attractively.

How to display logos using different settings: Details of style settings.

Step 4: Display logos using a tooltip

To display logos with a tooltip, suppose you choose Logo 4. Now, go to that particular logo page and write what the logo is in the Tooltip Text box. Next, click on the Update button to save the changes. You can add a tooltip in all other logos using this same process.

How to display logos using different settings: Edit logo option.

Logos with Tooltip

How to display logos using different settings: Logos with tooltip.

Step 5: Display logos using auto-resize and crop option

To display all of your logos in the exact cropping, go to General Settings and click YES on Image Crop. After that, set Image width and Image height so that all the logo images will be cropped in the same size.

Lastly, click on Update to save all the changes you made.

How to display logos using different settings: Updating the published logo.

That’s how you can display an unlimited number of logos by cropping and auto-resizing them.

Finishing Off

Making logos eye-catching to your users is the ultimate motto to display logos on your website. There are multiple ways to perform this task. Among them, having ideas on how to display multiple logos using different settings options can be effective.

We hope the guideline above has helped you by showing you an effortless way of making your logo displaying experience more dynamic. How much did you get benefitted from today’s article? Share your experience in the comments section below.

If you liked this post, don’t forget to subscribe to our blog so that we can notify you once any post is published. Finally, you can also follow wpWax on FacebookTwitter, and LinkedIn for more exciting news, offers, and product updates.

Written by

Abdullah Al - Harun

Abdullah Al Harun is a technical content writer at wpWax and a digital marketing enthusiast. Apart from tech, he enjoys reading books on different aspects of communication, journalism, science, and arts. On his time off, you will find him playing cricket with his teammates.

Leave a Reply

Your email address will not be published.