WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Add a Theme Demo Bar in WordPress

How to Add a Theme Demo Bar in WordPress

Last updated on January 8th, 2013 by Editorial Staff
34 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Add a Theme Demo Bar in WordPress

Most WordPress theme shops and marketplaces utilize a theme demo bar to make it easier for their users to preview themes. A theme demo bar is a toolbar that appears on top of a website with a theme selector menu. It allows you to create one site with dummy content that your users can use to see the demo of different themes that you have available. One of our users who wanted to release some free themes asked us how to add the theme demo bar functionality in his site. In this article, we will show you how to add the theme demo bar in WordPress without any hassle and no coding.

First install and activate the WordPress Theme Demo bar plugin. Upon activation, you need to configure the plugin from the settings page:

Theme Demo Bar WordPress plugin settings page

Using the plugin is really simple and straightforward. Add themedemo variable to the URL like this:

http://www.example.com/?themedemo=theme-name

Replace theme-name with the name of the theme you want to display. The URL will show example.com with Theme Demo Bar, a theme switcher and close button. WordPress Theme Demo Bar plugin picks up names of themes from the themes directory. Theme switch drop down lists all themes in the theme directory including child themes.

Configuration options on the plugin settings page allow you to control the complete look and feel of the demo bar. You can also choose which themes you want to display and which themes to hide. WordPress Theme Demo Bar also provides stats for the number of times each theme was previewed. Under the individual theme settings, you can choose an information page for each theme. This could be the page where visitors can go to download/buy the theme, or learn more about its features. This could easily be an affiliate link to an external theme shop if you so desire.

theme demo bar individual theme settings

In WordPress Theme Demo Bar Settings » Look and Feel you can easily change the appearance of Theme Demo Bar. You can upload buttons, use a custom stylesheet, and adjust height and positioning of demo bar.

Changing looks of Theme Demo Bar

WordPress Theme Demo Bar is a quick and easy solution. However, there are other more advanced and complicated ways to display a theme demo bar. You can manually create a floating top menu bar or use some other plugin to do the job. While theme demo bar is mostly targeted for theme shops that are selling commercial WordPress themes, you can easily use it in a portfolio style theme as well to showcase your work. The advantage of a theme demo bar solution is that you can use a single site to display all of your themes rather than creating multiple demo sites. If you are using a theme demo bar using some other method, please let us know in the comments below.

34 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

11 Comments

Leave a Reply
  1. Dave W says:
    Oct 3, 2016 at 3:32 pm

    Which is a better approach for demos that you want to show prospective clients, this or multisite? Thanks.

    Reply
  2. tdesens says:
    Jul 15, 2014 at 12:56 pm

    Any chance on a tutorial to do this without a plugin?

    Reply
  3. Cam says:
    Dec 23, 2013 at 12:32 am

    Nice plugin. Would you be updating the plugin for multisite compatibility any time in the near future?

    Reply
    • WPBeginner Support says:
      Dec 23, 2013 at 3:23 pm

      You can request plugin author for this feature from the plugin’s support tab.

      Reply
  4. Pavan Solapure says:
    Oct 21, 2013 at 4:29 pm

    Very useful information but the plugin seems to be out of date. I could really use any other suggestions to showcase couple of my wordpress themes.

    Reply
  5. Neo Do says:
    Sep 21, 2013 at 11:33 am

    Great post but how do I get content for demo theme?

    Reply
    • WPBeginner Support says:
      Sep 21, 2013 at 10:54 pm

      There are some dummy content generator plugins available in WordPress plugin directory.

      Reply
  6. Pali Madra says:
    Sep 9, 2013 at 5:21 am

    Thank you for the great tutorial.

    Since the plugin discussed has not been updated for more than 2 years WordPress repository does warn the users to use the plugin at their own risk. Can the author or someone vouch that it does work with WordPress 3.6?

    Thanks in advance.

    Reply
    • WPBeginner Support says:
      Sep 9, 2013 at 11:04 pm

      Out of 28 thousand downloads no one has reported it to be broken yet. However, we would recommend caution. Try it in a test installation on your localhost environment first.

      Reply
  7. Randi Thornton says:
    Jan 9, 2013 at 11:20 am

    Great post. I have wanted to add a theme bar to my website. I downloaded the plugin and am not sure how to configure it using my current theme demo website configurations. Currently my themes (including theme demo content) reside on a sub-domain not my primary domain. The plugin is finding the themes but not the theme demo sites on the sub-domains. This is a wordpress multi-site installation. Any ideas or suggestions?

    Reply
    • Rakesh Kumar says:
      Jan 29, 2014 at 5:22 am

      This plugin does not display the contents according to the other selected theme it only display the front page of theme theme properly thus make it totally useless. any other suggestion how to create theme demo bar like marketplace do. Thanks in advance

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
Smash Balloon
Smash Balloon
Add Custom Social Media Feeds in WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
MemberPress
MemberPress Coupon
Get up to 50% OFF on MemberPress WordPress premium membership plugin.
Revive Old Post
Revive Old Post Coupon
Get 15% OFF on Revive Old Post WordPress social share plugin.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.