How to Create a WordPress Slider for Logos

by Waseem Abbas on July 31, 2017 | Reader Disclosure

Do you want to show off your clients’ or partners’ logos in a WordPress slider? A row of recognizable logos tells new visitors that real businesses trust you — but a static grid of 20 logos can eat up half your homepage. In this tutorial, we’ll share how to create a WordPress slider for logos.

We’ll use Soliloquy and its Carousel Addon, which displays several logos side by side and scrolls through the rest. You can add your logo carousel to pages, posts, your sidebar, or your footer.

To create a WordPress slider for logos, you’ll need to follow these 5 steps:

Step 1. Install and activate Soliloquy
Step 2. Install and activate the Carousel Addon
Step 3. Create a WordPress slider for logos
Step 4. Enable the carousel and adjust its settings
Step 5. Publish the logo slider and add it to your site

By the end of this tutorial, you’ll have a responsive logo slider that looks like this:

Ready to get started? Let’s go!

Step 1: Install and Activate Soliloquy

First, you’ll need to install and activate the Soliloquy slider plugin on your WordPress site.

If you’d like a hand with this part, our doc on installing Soliloquy covers it step by step.

Step 2: Install and Activate the Carousel Addon

Next, go to Soliloquy » Addons in your WordPress dashboard. Find the Carousel Addon, click Install, and then click Activate.

The Carousel Addon is included with the Developer plan or higher. If you don’t see it on your Addons screen, check our doc on how to upgrade your Soliloquy license.

This addon is what lets you show multiple logos at once, instead of one large slide at a time.

Step 3: Create a WordPress Slider for Logos

Once the addon is active, go to Soliloquy » Add New to create your logo slider. Give it a title, then drag your logo files into the Native Slider section.

Pro Tip: Logos look tidiest when every file has the same dimensions and plenty of empty space around the mark. In our experience, exporting each logo onto the same size canvas before uploading saves a lot of fiddling later.

For the rest of the slider options, see our guide on how to create an image slider in WordPress.

Step 4: Enable the Carousel and Adjust Its Settings

Now scroll down to the Carousel tab and check the box for Enable Slider Carousel?

From here, you can set the width and height of each logo, the margin between them, the minimum and maximum number of logos to show, and how many to move at a time. You can change these settings any time.

It’s also worth opening the Mobile tab. There’s an option there to keep the carousel on mobile devices — if you leave it unchecked, phones will see a standard one-at-a-time slider instead.

Step 5: Publish the Logo Slider and Add It to Your Site

Click the Publish button on the right side of your screen, then copy the shortcode from the Soliloquy Slider Code widget.

Now edit the page or post where you want your logos, and paste the shortcode where the slider should appear.

To show your logo carousel in a sidebar or footer instead, go to Appearance » Widgets. On a block-based widget screen, add a Shortcode block to the widget area and paste your shortcode into it.

If your theme still uses classic widgets, drag the Soliloquy widget into your sidebar or footer area, add a title, and choose your logo slider from the Slider dropdown. Then hit Save.

For more placement options, see our guide on how to add an image slider to a sidebar in WordPress.

Finally, visit your site to see your logo slider in action.

FAQs About WordPress Logo Sliders

How do I add a logo slider to my WordPress site?

Use a slider plugin that supports carousels. With Soliloquy, you upload your logos to a new slider, enable the carousel in the Carousel tab, and then add the slider to any page, post, or widget area with its shortcode.

What size should logos be for a logo carousel?

There’s no single right size, but consistency matters most. Export every logo onto a canvas with the same width and height, then set a matching width and height in the carousel settings so the row looks even.

Does a logo slider work on mobile?

Soliloquy sliders are responsive, so your logos resize for smaller screens. To keep the multi-logo carousel layout on phones, turn on the carousel option in the Mobile tab; otherwise mobile visitors see one logo at a time.

That’s it! We hope this tutorial helped you create a WordPress slider for logos. If you’d like to do more with carousels, check out these beginner-friendly guides: