How to Create a Custom WordPress Dashboard for Your Clients

Creating a personalized dashboard for your clients will help them get the most from their site. In this post, we'll show you how to do it with Elementor and a new free addon.

As someone who uses WordPress all the time, you know the WordPress dashboard like the back of your hand.

Your clients? Probably not so much, that’s why they hired you!

To help them get the most from their site, as well as to add a nice personalized touch to the product that you deliver, you can create a custom WordPress dashboard for them.

And in this post, I’m going to show you how to do that using easy visual drag-and-drop editing with Elementor.

Why You Should Take the Time to Create a Custom Dashboard for Your Clients

Creating a custom client dashboard helps both you and your client. It’s a win-win.

You can use your custom dashboard to display:

  • A welcome message
  • Basic instructions to help clients use their new site
  • Answers to common FAQs
  • Tutorial videos
  • A contact form, in case your client needs help
  • News, like updating them on the impending Gutenberg editor

By using elements like those above, you’re able to create a more personalized experience that helps your client navigate relevant areas of the dashboard without running into issues. So that’s the benefit to them.

Now here’s how it benefits you:

By going the extra mile and providing that added information, you can save yourself from taking the time to answer emails or phone calls from your client about how to use their site.

See? It’s good for them and good for you.

Now, how do you do it?

How to Create a Custom WordPress Dashboard With Elementor

Good news, you don’t need to learn some separate WordPress custom dashboard plugin interface. You can actually build your client a custom dashboard using the same Elementor interface that you’re already familiar with.

All you need is the free Dashboard Welcome for Elementor plugin from IdeaBox Creations, the same team behind PowerPack for Elementor.

Beyond integrating with Elementor, the nice thing about this plugin is that you can create different dashboards for different user roles. For example, you could show one dashboard to your client, and another to your client’s content editors or store managers.

Below, I’ll show you step-by-step how you can get started – just make sure you have the Dashboard Welcome for Elementor plugin installed and activated alongside Elementor. This plugin will work with both Elementor and Elementor Pro.

Step 1: Create a New Elementor Template

To get started, create a regular Elementor template by going to Elementor → My Templates → Add New in your WordPress dashboard:

On the New Template screen, select Page from the drop-down and then give your template a name. The name isn’t especially important – just make it something that’s easy to remember. “Client Dashboard” is always a good option:

Then, click on Create Template to continue.

Step 2: Change to the Elementor Canvas Template

Because you’re creating a design for your client’s back-end WordPress dashboard, you definitely don’t want your theme’s header and sidebar appearing in your final design!

To get around that, choose the Elementor Canvas template by clicking the gear icon in the bottom-left corner of the Elementor interface and then selecting Elementor Canvas from the Page Layout drop-down:

Step 3: Design Your Custom Client Dashboard

Now, for the fun part – it’s time to actually design your client’s dashboard using Elementor.

Because you have free reign over the regular Elementor interface, there are no rules and restrictions about how your custom dashboard page should look. That is, you can use all the Elementor widgets, set up sections and columns, etc.

With that being said – remember that this is still going to sit inside the regular WordPress dashboard, so you don’t want to get too crazy. Some good rules of thumb are:

Use 2-3 columns in most spots. The normal WordPress dashboard uses 2-3 columns for most screen resolutions, so this way your custom dashboard fits right into the existing design.

  • Avoid bold backgrounds. While a splash of color here and there is fine, using lots of bold colors will clash with the rest of the WordPress dashboard. Remember – regular dashboard widgets have black text and a white background – nothing too crazy!
  • Remember white space. The default WordPress dashboard usually includes plenty of white space, especially on larger screen resolutions. Try to keep that principle in your custom dashboard design.

Here’s an example of how you might want to do it:

This example includes:

  • A welcome message/basic instructions on the left
  • A working contact form on the right, along with some social icons
  • Three playable videos, which you could use for tutorials

Once you’re happy with how your dashboard looks, go ahead and Publish it.

Step 4: Enable Elementor Template as Custom Client Dashboard

Now that you have your finished dashboard template, all that’s left is to actually make that template display for your clients.

To do that, head back to the WordPress dashboard and go to Settings → Dashboard Welcome Elementor.

For the user roles that you want to target, use the Select Template drop-down to choose the template that you just created. For example, if you’re planning to give your client an Administrator account, you’d select that role:

You can also choose whether or not your dashboard screen Is Dismissible. I’ll show you an image of how each option works, but in general:

  • When the box is unchecked… your custom dashboard will always be there. The user cannot get rid of it unless they access the Screen Options area.
  • When the box is checked… users can click on Dismiss in the top-right corner to dismiss the dashboard (this makes a good option for one-time welcome screens).

Once you’re finished, make sure to click Save Changes at the bottom.

Now, when your client logs in or visits the main Dashboard, they’ll see your custom dashboard at the top (the other WordPress dashboard widgets are still there – they’re just pushed down the screen):

Wondering how it works if you check the Is Dismissible? box? Well, everything looks exactly the same, except you get a new Dismiss option in the top-right corner that your client can use to dismiss the dashboard once they’re finished with it:

Step 5: Repeat (If Needed)

If you want to create different dashboards for different user roles, all you need to do is go back and repeat the process for each user role that you want to create a dashboard for.

That is:

  • Create a new Elementor template
  • Design your alternate dashboard
  • Assign that dashboard to another user role

Productivity Tip: Export Your Client Dashboard Template for Easy Reuse Later

If you build a lot of sites for clients, here’s a neat way to speed up the process:

Instead of building a dashboard from scratch for every single client, you can create a base dashboard template, export it, and use it as the starter dashboard template for all your client sites.

Then, whenever you build a new site, all you need to do is:

  • Import that template
  • Tweak it to add some personalization
  • Install the Dashboard Welcome for Elementor plugin and assign that template to the relevant user role(s)

Watch the full video tutorial for importing/exporting Elementor templates here.

When you do it this way, it should only take you a couple of minutes to create a custom client dashboard going forward.

Updating Your Client's Dashboard is an Ongoing Process

Yes! If you have an ongoing relationship with your client, it’s easy to update your custom dashboard in the future to:

  • Provide news updates
  • Send a special message (like “Happy Birthday!”)
  • Include new video tutorials
  • Etc.

All you need to do is edit the Elementor template and the changes that you make will be automatically pushed out to the custom dashboard:

Note – if you’re planning to make updates, you shouldn’t make the dashboard dismissable.

Start Experimenting With Custom Client Dashboards Today

Building a custom dashboard for your client is one of those things that doesn’t take a lot of time, but offers a big payoff in terms of personalization and usability.

Thanks to the free Dashboard Welcome for Elementor plugin, you don’t even need to learn a new tool. Remember, it’s as simple as:

  • Design a template using the regular Elementor interface
  • Assign that template to the user role(s) for your client’s WordPress account

Give it a try and I bet that your clients will love it!

About the Author

Colin Newcomer
Colin Newcomer
Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 885,286 subscribers who stay ahead of the pack.
By entering your email, you agree to our Terms of Service and Privacy Policy.

Comments

71 Responses

  1. It would be great if you could somehow add an update once and it updates across multiple client’s dashboards? Could we use dynamic data for this?

  2. Well explained tutorial, with this, we can fully customize the dashboard to make it more easy for clients and also remove some clutters that they actually don’t need to mess with.

    A question though, I don’t know if this was asking before but…

    is there any way to “disable” an ability to edit the design in elementor? I mean just an ability to edit the text, heading but not the layout, column, section etc.

    Or at least an ability to disable the “edit with elementor” button or hide it.

  3. Will other plugins that drop widgets into the traditional WP dashboard appear in the Elementor custom dashboard. Examples of widgets I use in the dashboard are Google Analytics and Email Log.

  4. I just sensed there was something special about Elementor when I chose it over all the other page builders out there. Every day Elementor adds something special to the mix. Great Job guys!

  5. This literally just gave me goosebumps, like when you listen to the most incredible angelic voice! I’m amazed that it’s so easy to accomplish this with Elementor. I always wondered how theme/plugin developers displayed a custom dashboard. Thanks for sharing your knowledge with us! 😀

  6. It’s nice to create custom dashboard in WordPress for clients to see their activity within your website! Now days WordPress is becoming more advance tool than ever!

  7. This is quite neat. It doesnt replace the existing dashboard widgets or remove other notices. For example the standard widgets for elementor and analytics are below the elementor dashboard template, and notices like the gutenberg one shows above it. Perhaps a future edition will allow for some manipulation on the other dashboard elements to be rearranged or hidden?

  8. It doesn’t show for the first admin account either, so only the additional admins will see it which means it won’t be bothering the person who manages the site.

  9. It is just what I was looking for a great wow! Is there a way alway to eliminate some unusible menu at the left side what the clients normally don’t need to see ??

  10. This is really cool, thank you. However, for some reason the contact form I added doesn’t work in the dashboard itself, yet it works fine in preview mode…

  11. You are right, there is a couple of options to do here, thank you for your reply! although it doesn’t has the specific functional that I need, but at least with this I can achieve some of that, thank you!

  12. That’s a really nice feature! I would also add a customer support chat. I just submit to WordPress, is right now under revision, a plugin that add your Facebook chat for Admin users, so your clients can contact you via Facebook Messenger directly from their Dashboard. If you want I can share the link with you guys once the plugin is approved, and also, if you want to collaborate and make it better, I will be happy to.

  13. Well, this is exciting! I’m so glad I chose elementor. I’d love to know more about updating the dashboard though? Would I have to be logged in to the client’s site to do it or is there like a way to view all templates designed for different sites but in a single location

      1. As far I know, you will have to be logged in to the client’s site. However, I’d suggest asking the guys from IdeaBox Creations.

  14. This is great but if I implement this and want to update videos for hundreds or thousands of clients at once without logging into each clients admin, how is this possible? I’m surprised this question hasn’t already been asked unless ive missed it?

  15. Building on this tutorial – could you share how to create a pages for payment gated content using Elementor? Like online courses etc.?

    Best,

    Adam

      1. If it’s in your plans, please ensure there is some way we can update the contents of the dashboard for all sites in one place without having to login to each client’s site to update the dashboard. This will make it extremely useful for webmasters who manage multiple sites. Thanks!

  16. This looks great but unfortunately this doesn’t work for us. We’ve gone though the tutorial but the old Dashboard is still showing. We’ve even turned off all other plugins but still no custom dashboard. We’re running the latest WP, Elementor Pro on Flywheel.

    Any help would be appreciated.

    1. I also have problems with Dashboard Welcome for Elementor. He did it 1x well, until I clicked ‘is dismissible?’. When I turned it on, and had my personal dashboard clicked away, I can not get it back in any way. Not even when I make a new dashboard. it works 1x, then never again! How is that possible? Help is needed please.

  17. Elementor is the most powerfull and most userfriendly plugin ever made for wordpress… So much love to the developers.. I want to give a suggestion to you guys, in the nav menu widget kindly add the option to create a mega dropdown menu… Thank you

  18. I can’t make this work. I’ve made the template – elementor canvas with elements, published it and assigned it to every role under settings -> admin dashboard […]. But no dashboard is showing. Did I miss something?

  19. Found the solution in the plugin support page. The display option “welcome” must be enabled. In case somebody else wondered….

  20. What a great article is it. But I have little bit of dout that this dashboard mean it’s a new dashboard replace of it’s has.

  21. anyone else having issues shown it on chrome? it works great on firefox, but on chrome its not shown fullwith with very small font size. upon loading the width also jumps around….

  22. Now that I have made my dashboard. How can I force all user accounts to check the “welcome” box in Screen Options?

  23. Good feature but when do you give us the right to hidden the wp dashboard.
    With this very useful elementor dashboard i think that’s the best practice is to not showmore the wp dashboard and to can manage a form to populate post so to can creat a user subimtted post directly with elementor without to use and configure external plugins
    Thank you for your work and i stay on touch for these imposrtants updates

  24. Hey.

    Great stuff! It’s actually not a bad idea give your customers a possibility to edit their wordpress website in a customized dashboard. Surely, there is a need to teach them how to use it too, right?
    Anyway, great post. Thanks

    Kris

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 885,286 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.