Do you want to show random quotes in the WordPress sidebar?
Displaying quotes from happy customers can convince more visitors to buy your products. Or you might simply want to brighten your audienceโs day by showing them a random inspirational quote.ย
In this article, we will show you how to show random quotes in the WordPress sidebar by using a free plugin.
How to Show Random Quotes in the WordPress Sidebar
You can show random quotes in the WordPress sidebar using theย Quotes and Tips plugin. It lets you add an unlimited number of quotes to your site.
It also lets you display quotes on any page, post, or widget area, including your WordPress sidebar.
First, youโll need to install and activate the plugin. If you need help, then please see our guide onย how to install a WordPress plugin.ย
After activating the plugin, you can start adding quotes. To add your first quote, go toย Quotes ยป Add New.
First, youโll need to type a title for your quote into the โAdd Titleโ field. In a later step, weโll show you how to choose whether or not to display the quoteโs title to your visitors or use it for internal reference only.
Next, type your quote into the text editor. In our example, weโre using a quote from a case study.
You may want to organize your quotes into categories. This becomes important when itโs time to display your quotes.
Basically, you have two options.
The Quotes and Tips plugin can select a random quote from all of the quotes youโve added. Or, it can select a random quote from a specific quote category.
For example, if you have anย online store, you might want to display quotes about a specific product on that product page only.
If you already have some categories in mind, then it makes sense to organize your quotes into these categories now.ย But you can always add, remove, and edit your categories later. Weโll be covering that at the end of the post.
If you do want to create a quote category now, then you can find the Quotes Categories box on the right side of the page.
To add your category, first, click on the โAdd New Quotes Categoryโ link.
A field will display where you can type your category name. The category wonโt appear to your visitors, so itโs just for your reference.
After you type it in, click on the โAdd New Quotes Categoryโ button.ย
This category will now appear in the Quotes Category tab. To add the current quote to this category, simply select the categoryโs checkbox.ย
You can keep repeating these steps to create more quote categories.ย
Next, youโll typically want to show where a quote comes from. This might be a valued customer, aย famous brand, or even a celebrity.
To assign your quote to a person or company, scroll down to the โName and Official Positionโ section.
You can now type the person or companyโs name into the Name field.ย

You might also want to add this personโs job title, or some information that explains why theyโre qualified to make this statement. You can type this information into the Official Position field.
When youโre happy with your quote, click on the Publish button.ย
You can now repeat these steps to create all of the quotes that you want to show in your WordPress sidebar.ย ย
Configuring Your Quotes and Tips Settingsย
After creating your quotes, itโs time to take a look at the Quotes and Tips settings. This contains some important settings that control how and when your site displays a random quote.ย
To take a look at these settings, go toย Tips ยป Settings.ย

By default, Quotes and Tips will display a new quote every time the page reloads. This means visitors will see a new quote every time they visit a new page or press the Refresh button in their web browser.ย
If you prefer, you can display a new quote automatically every few seconds or minutes. The visitor doesnโt even have to refresh their web browser.
To do this, select โAJAXย (no page reload).โ You can then find the Change Frequency field. Here, simply type how frequently WordPress should display a new quote in seconds.
Next, itโs time to choose the title that will appear above your quote.ย
The default setting is โSet Title From Postโ. This will display the title you entered when adding the quote to WordPress.
Another option is creating a title that WordPress will use for all of your quotes. This might be something such as โWords of Wisdomโ or โDonโt take our word for it! Hereโs what our customers think about testimonials.
To use the same title for all your quotes, click on โSet Custom Titles.โ You can now type your title into the Quote Title field.ย
When youโre finished, donโt forget to click on the Save Changes button.ย
How to Display a Random Quoteย
Now itโs time to display your quotes.
Letโs start by showing a random quote from your entire quote collection. If youโve created multiple categories, then this method will ignore all of these categories.ย
You can add your quote to any page, post, or widget using the Quotes and Tipsย shortcode. To get this shortcode, go toย Quotes ยป Settings.ย
Now, copy the shortcode in the โQuotes and Tipsโ section.
Another option is to simply copy the following: [quotes_and_tips]
Since we want to show random quotes in the WordPress sidebar, youโll need to go toย Appearance ยป Widgets. This shows all the areas of your site that support widgets.ย
This screen may look slightly different depending on your WordPress theme. However, mostย modern WordPress themesย have a sidebar.ย
Find the Main Sidebar or similar section, and give it a click. This section will now expand.
You need to add a Shortcode block to this widget, so click on the + button. In the search field, type Shortcode.ย
You can now select the Shortcode block when it appears. Next, either paste or type the shortcode into this block.ย
Finally, click on the blue Update button at the top of the screen. Now, if you visit your website you should see a random quote in your WordPress sidebar.ย
How to Display Random Quotes From a Specific Categoryย
Another option is to display a quote from a specific quote category.
To display a random quote from a particular category, youโll need to use a different shortcode.
To get this code, head over toย Quotes ยป Quote Category.ย
Here, youโll find a list of all the categories youโve created. Each category has its own shortcode.ย
Simply find the category that you want to use, and copy its shortcode. You can then paste this shortcode into any page, post, or widget, following the same process above.
How to Style and Brand Your Random Quotes
By default, Quotes and Tips adds a blue background to the quote area. It also uses aย background imageย of silhouettes.
You can change this default styling to better match the rest of your websiteโs design. You can even remove the styling completely.ย
To change the backgroundย color, text color, or background image, go toย Quotes ยป Settings.
In the left menu, click on the Appearance tab.
You can now change the background color and text color, by clicking on the Select Color button.
This adds an area where you can choose your perfect color.
If you change your mind, you can restore the pluginโs default colors at any point. Simply click on the Default button.
You can also change the background image. To remove the default background image, scroll to Background Image, and then click on the None button.
You can also add your own background image.
Using yourย company or product logoย as a background image can be a great way to brand your quotes.
To upload a new background image, click on the Custom button. This adds a Choose File button.ย
Give this button a click. This will open a window where you can select the file that you want to use as your background image.
After making your choice, you can customize how this image looks on your site.
This includes changing the background image alignment and the opacity, which is how transparent the background image is.
Why not experiment, to see what different effects you can create?
How to Add, Edit and Delete Quote Categoriesย
Sometimes, you may want Quotes and Tips to display a completely random quote.
Other times, you may need more control over the kind of quotes that it displays.ย
You can do this using quoteย categories. Weโve already seen how to create a category when adding a new quote. However, Quotes and Tips has an entire menu where you can make changes to these categories, and create new ones.
To see these settings, go toย Quotes ยป Quotes Categories.ย
Here, you can quickly and easily create quote categories. To add a new category, type a name for your category into the Name field.
By default this plugin creates each quote category as a parent category.ย
Another option is to create a subcategory. For example, you might have an OptinMonster parent category, and then create subcategories for your different promotions, such as โOptinMonster summer saleโ and โOptinMonster holiday promotion.โย
To create a quote subcategory, youโll need to select a Parent Category.
When youโre happy with your quote category, click on the blue Add New Quotes Category button.ย
You can also edit any of the categories you created earlier.ย
To edit a category, hover over it. Then, click on the Edit link when it appears.
This launches a new page where you can make changes to this category. This includes editing the categoryโs name, and choosing a new parent.
We hope this article helped you learn how to show random quotes in the WordPress sidebar. Next, you can see our guide onย how to increase your blog traffic, or see our expert pick of the How to Automatically Publish fromย WordPress to Instagram.
ย