How To Create Custom Front End WordPress Dashboard For Your Website Clients
HTML-код
- Опубликовано: 3 окт 2024
- #### CORRECTED REDIRECTION CODE LINKED BELOW & PINNED IN COMMENTS ####
wptuts.co.uk/h...
How To Create Custom Front End WordPress Dashboard For Your Website Clients and keep them from messing up all your hard work!
In this tutorial, I'll be showing you how to build a completely custom WordPress frontend dashboard for your users with a couple of plugins, some cool ideas and peace of mind knowing your clients can't get into trouble!
Download Elementor Dashboard Template: jo.my/5yggcy
Learn how to build an awesome frontend client dashboard for your WordPress sites today!
► PLUGINS USED ◄
ACF Frontend Pro: r.freemius.com...
Elementor Pro: jo.my/1s0t2s2
Elementor Custom Skin: www.eletemplat...
Advanced Post Queries: wordpress.org/...
Advanced Custom Fields Pro: www.advancedcu...
00:32 - The Plugins Used
05:26 - Setting up the login redirect & user restrictions
12:24 - Building the Options Page
15:21 - Importing the Custom WordPress Dashboard Template
20:00 - Subscription Message
20:14 - Setting up all the required dashboard pages
32:31 - Add new posts options
41:01 - Edit posts options
52:12 - User options page
55:47 - Adding ACF Posts
1:02:00 - Editing ACF Posts
1:10:00 - In Closing
► LINKS ◄
Custom Options Pages with ACF: • WordPress Theme Custom...
Beginners Guide to ACF: • Advanced Custom Fields...
Beginners Guide to CPTUI: • How To Display Custom ...
Frontend Forms For Elementor: • WordPress Frontend For...
Elementor Custom Skin: • Elementor Pro Post Gri...
► CODE SOURCES ◄
Redirect user Role: firstsiteguide...
ACF Options Pages: www.advancedcu...
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
There is a minor error in the code used in the video. The above code should rectify that issue.
================
function my_login_redirect( $url, $request, $user ){
if( $user && is_object( $user ) && is_a( $user, 'WP_User' ) ) {
if( $user->has_cap( 'administrator') or $user->has_cap( 'author')) {
$url = admin_url();
} else {
$url = home_url('/dashboard/');
}
}
return $url;
}
add_filter('login_redirect', 'my_login_redirect', 10, 3 );
==================
The code above is set to let both Administrators and Authors go to the standard WordPress dashboard and all other user roles will be redirected to the new custom Dashboard.
Line 3 controls the user roles that are allowed access to the WordPress dashboard and if you wish to change that, you can edit or remove those additional roles but do NOT remove the Administrator or you may have an issue accessing the standard WordPress dashboard!
Can anybody help me ? It redirects to the dashboard but still show top of the site WP dashboard options. How can i fix it ?
same here....still go to wp dashboard
@@RudaRdp You guys to need add a plugin like user role editor and try adding the permission of viewing private page to your "subsriber" role or any other role you want to achieve this dashboard.
@@manjuarun4u you can use plugins that disable the dashboard for any users except admins or add custom codes to your function.php page . google about it .
@@manjuarun4u did you manage to get #Options# in dashboard ?
Seriously Only 63K subscribers ? this guy deserve more than 6 billions subscribers ! Share as much as you can ! Thanks Paul great tutorial !
I have been looking for something like this since I first started using Elementor. I build websites for nonprofits and very small businesses that want to be able to update their pages/posts but are barely technical enough to use email. This approach to building a user dashboard will save me (and my clients) untold grief.
THANK YOU!
This is crazy because you just posted this yesterday and it's exactly what I'm working on right now using the same plugins and everything lol. I love creating this custom admin area because it's sooo much more user friendly and pretty than the WordPress admin area, plus it's more under our 'control' for example not giving access to certain things and not having 'notices' etc pop up on their dashboard etc.
Great minds eh?
Totally agree, this is so much controllable to the normal WordPress Dashboard and also lets you flex your creativity and build a more user and brand-focused experience for clients.
Just want to comment again as these advanced videos are just so amazing and helpful. You are the best Wordpress RUclips out there please keep it coming !!
You're way too kind. :)
These are priceless tutorials which nobody share with such details whole. I really appr. you so much. Thanks a lot.
Thank you. :0)
I like Adam Praiser before... but now... your content is way better. Love your videos. Thanks and cheers from Argentina.
Wassup Argentina!!
maaaa hermano todo los dos son buenos. Cheers from Brazil.
Yes very true... Adam is just trying to promote tools and earn affiliate income rather than helping us out...
Paul C, i used to Watch your videos, this one is one of the best. Thorough, clear and diving in all possibilities offer by those plugings together. Thank you very much for your dedication and comitment. It was a pleasure to Watch, like a good movie. Continue in this direction for 2020.👍
Glad to hear you're digging the new type of content and I will certainly be working on more content like this in 2020 and beyond. :0)
Thanks a lot for this tutorial Paul C.
Wordpress is the best open source CMC so far. Being able to customize the dashboard this way makes it even perfect to create white label profesional websites.
Exactly! This opens up so much more creativity and control.
I must say,your content is amazing . I keep wondering why I am just finding this gold mine now. Why do you still have this number of subscribers?. You are awesome man!!!. Thank you very much for all your videos.
Many thanks Paul. I'm grateful that you are doing such advanced videos. I think you became unique not only with your quality but also with the chosen contents. I wish you continuous success! 🙏
Thank you. It's not always easy to separate yourself from the other RUclipsrs out there, but the aim in 2020 is to do just that. Cover more advanced topics, look at how you can combine tools to build more unique projects and help people learn ways to expand their WordPress skillset and make more money.
You save my PHP life. God bless you my great teacher.
Exactly what I needed to know. Now when I look at new plugins, I know that everything doesn't have to be done in the admin panel.
Looks like a lot of upfront work but will save a lot of support time. Thanks for putting this together! 😎
Wow! This video is such a gem. Thank you for sharing this. It's amazing what we can do with WordPress
Hi Paul,
All I can say is Woaw !
I’m a big fan of your chanel and you are m'y hero. Thanks so much.
Hello Paul, what an amazing tutorial! Thank you so much. i have a few WordPress sites and with this tutorial I was able to relinquish content updating to the site owners. You are the best you out here. I am looking a creating a holiday rentals site and this dashboard is A MUST! Keep it up!
Can´t love you enough Paul 🤩 Amazing like always! What a content!! 🔥🔥🔥
Lol.. blushing! 😊
Great video! Can't wait to follow along and build a platform for our authors to start submitting their articles.
Brilliant - Top Quality - Paul is taking it to the next level !! - future request - How to edit/update user profile image in the options, please - Cheers
Yes, same question - how can we edit/update user profile image.
Seems to be a bug, all the options are there but the image won't pass through. Right Paul?
This is the tutorial I have been waiting for a long time
Hi Paul! Great tutorial! I would be very curious to see you make the same dashboard, using Jet Engine instead of ACF. Would be a great head to head comparison.
Paul, I'd love to see this as well. And since ACF has gone off the proverbial DEEP END of late, Jet Engine would be a natural next choice to do this with.
I'm working on this right now. I'm just not sure if I can do this for multiple users. Teachers/Student dashboards. Thanks so much, Paul! This gave me a lot of ideas
Just what I've been waiting for. Someone has been busy!
Just a little... lol
Fab tutorial Paul! Love your work my man. Fab! Absolutely fab! Clean, clear, excellent walk throughs! I'd love to see this done with Jet Engine instead though. As ACF has gone off the rails due to its being sold to delicious minds.
Already done my good man.. you can check it out here: ruclips.net/video/fwGon7N7fZQ/видео.html :)
@@WPTuts DUh. Of course you already did this. I'm an idiot for not looking. Sorry to bother but thanks for the link sir. Again, fab work!
Thank you, Paul, for a mindblowing tutorial! I'm investigating options for a new project and the vague wish for a 'custom dashboard' for content contributors, just became a very real possibility. Wonderful work!
Another incredible video from the pro! Thank you 😎
Cheers Shabti and thank's for the great plugins that make it so easy to build.
Really I don't have any word to express my filling Thank you for This amazing and pewful Tutorial Thank you Mr. Paul
Love that dashboard template. Just added it to my site.
Great to hear you've found a use for it. 😁
Your tutorials are simply incredible. Thank you
The link to the dashboard template isn't working anymore. I know this is 2 years old, but I think that could still be helpful if restored. Thanks! I always get so much from your tutorials!
I know. i have the same issue.
this is so awesome, i think i'm close to tears
Great video as always Paul... Thank you very much.
I had to subscribe. No choice. Priceless!!!
This is such a great video. I'm curious how this might work with creating events, having them un-publish based on the event date and or be set as a recurring event
Awesome tutorial, I Know i am like 2 years late, however do you have an updated link of the dashboard page template? The link no longer works
Only admin or editor rule can submit data and edit it.. which is the best way to show these data to specific users filterd by specific field..
for example. if we have a customer that love "ford brand" will be nice to show only filtered post based on his preference...
Thanks for reading my mind and posting this tutorial!
Thanks Paul for sharing your knowledge with us, you will go to heaven.
I accessed your channel today and I realized that I follow you since 2014, and I can say I have learned lots of things with your channel. Your teaching method is clear and efficient.
Do you think this technique would work well with Learndash as well? I'm in the middle of a LD project and I would like to build a custom LD-WP dashboard for the customer. I ask it 'cause Learndash seems way more complex. Cheers from Brazil.
This is helpful man. And I enjoyed it. Thank you
Hi Paul, You are doing great 👍 you teach us everything in best way, Please make a video on styling Woocommerce variations select dropdown. I need to do it in my website but i'm unable to do it as i want, also tell us how can we add JS or Ajax in elementor. Thanks :)
Thats a good one! - I do really appreciate the content you put out for us - premium tuts!
You once did a video using WP User Frontend Pro. One the payment option is included as well as woo - I am wondering if it is worth switching to ACF Frontend.
May I kindly ask your opinion on both of these frontend plugins. Like a short WPUF vs ACF Frontend ...
Please keep on doing that GREAT work Paul.
WPUF Pro is a great plugin, but can be a little complex and time consuming to do many different things. From an ease of use point of view, I'd say that ACF Frontend Pro is easier to implement but is currently lacking the payment and WooCommerce options.
That being said, both of those functions are currently in development and should be released very soon. I would recommend keeping an eye on ACF Frontend Pro and once those extras are released, I would probably opt for using that over WPUF Pro just for its simplicity and speed in which you can integrate it into your site.
Amazing! Just what I needed
Hi Paul and thanks for this amazing video.
The only thing I see is that Elementor Dashboard Template link is broken now... Do you have a new link to download it? Many thanks!
Hi Paul, been an ardent follower of this channel for a while now and I must say you are doing a great job, I never miss any of your videos all very insightful and the fact that all of this is free is just mind-blowing. Thank you for doing this. QUESTION from this video, is it possible to put all of the templates and customizations from the mix of this plugin into something one can install into a new website built versus having to go through the process of creating a new dashboard each time? (from Nigeria)
I've not tried this, but you could setup a simple doner site, create the dashboard and relevant pages and then use the WordPress exported to export the pages and the Elementor option to export your template files.
On your new site, install the key plugins and do the reverse process from above.
Theoretically, that should work as I don't believe there are any specific settings that relate to the site or a user included.
@@WPTuts Thanks, I tried this already from another of my sites, feel like too many moving parts looking for stuff around, but the "doner" site idea seems like a great idea, will set that up so I'll always have where to go get it from. thank you once again for all your videos.
Hello, very good, your videos have earned a subscriber. I am starting in this world and you could make a video of a dynamic web, to be able to change photos, texts, titles since there is not much information, it would be like a self-managing or dynamic web. Cheers
wow. very creative. nicely done.
Thanks, Really opened my eyes Paul :)
Hi, you sound Welsh? I'm also from s. wales. Thank you for this video mate I wish I found this 5 months ago when you made it, would of saved me a lot of time. :)
Thank you for you teaching
This video was exactly what I needed to learn! Thank you!!!
One thing I'm struggling with - does anyone know how to make it so users can view their own 'Pending' or even 'Draft' posts? Even better, if they could view and edit them. Even when I give my users Editor access (I really only want them to be 'Contributors'), I still can't make it so they can see *their own* pending/draft posts from the front end.
I believe the Draft options have been updated in the pro version of the plugin. ruclips.net/video/Glo7I_9f26g/видео.html
Hello there. Watching this video after 4 years, and I'm really amazed by how much content is here!
One issue though, the Author Shabti Kaplan seems like is not making any plugins anymore, therefore two main plugins of this guide do not exist anymore.
ACF Frontend Form Element Pro & Advanced Post Queries.
Any Alternatives to use instead of them?
Thank you in advance!
Hi Paul brilliant video as always 👍🏻
Once I’ve created a setup I like is there a simple way to roll that out to other client sites that would need the same set up too?
Not a really simple way. If you were going to use the same structure (ACF fields, for example) then a dummy site that could be cloned or if you were using something like Local by Flywheel, you could create a template for the setup.
Alternatively, if you were only using standard WordPress features (Posts, pages, etc) that would be a lot easier as you are using the standard WP features and not complicating matters with ACF.
Off the top of my head, I can't see an easier way unless it could somehow be packaged, but that's currently beyond my pay grade. lol
WPTuts it’s a real shame you can’t export everything and bring those settings into other websites as I’d like to have this set up on most of my clients sites but I have hundreds!
Just in time, lol. Just yesterday I started a customer Dashboard.
Hopefully this will help :)
@@WPTuts Just try to figure out how to make a user admin board, with a list of pending users and approved users, with a link to edit their user's profile. With dinamic.ooo I managed to make the list but not how to link to edit
Hey Paul, imagine if we could include "Add simple product" for WooCommerce clients :)
WooCommerce is coming to the ACF Frontend Post Pro plugin soon, so adding content through the custom dashboard should be a viable option once released. 😁
Hi,
i enjoy this kind of videos!
Hi Paul, been implementing your tutorials - thank you so much for the amazing content!! One question: What plugin/set up do you recommend for adding a simple sign up/registration page that links through to the dashboard as well, just like it does for existing users as you demonstrated in this tutorial?
Loved it!
Thanks for this tutorial. If you really want your users to stay out of the WP back-end, then this would certainly be one way, and a very beautiful and elegant one indeed! I am just not convinced yet it would also be my way, as I would probably go for a combination of user permissions and admin menu settings. Can you, for instance, with this dashboard give people access to, say, Yoast SEO fields for a given post?
Thanks for a wonderful video. ACF Frontend PRO has not yet released support for woocommerce. Can you recommend any other plugin that can help create frontend for woocommerce products having acf data ?
It does have support for WooCommerce, but not full support right now. It can handle simple products and I believe digital products, but not more complex products. That is coming though.
An alternative would be WP User Frontend Pro which I believe has WC support.
bit.ly/3fvU8tC
hello i just want to ask this things works if i want to apply the method in woocommerce? access to product page, woocommerce page?
What a coincidence, I also use same wallpaper.
Awsome Tutorial !!! Can you suggest or make a short video on photography image upload from frontend dashboard... Thanks
I'm not too sure what you mean. If all you need to do is create a simple frontend upload form, then the free version of the plugin used in this tutorial should do the trick: ruclips.net/video/iHx7krTqRN0/видео.html
Hi thanks for this precious tutorial !
I have an issue with frontendform PRO, the edit option doesnt show in main action !
I have all the PRO version of ALL the plugin listed...
Someone help please !! iam stucked !!!
Best regards
I have the same problem - my version doesn't match what's in the video, so perhaps this tutorial needs to be updated as well?
@@marylibbey6074 the dev answer me and said this options is called edit site
Man you rock. Cheers
Importing the Custom WordPress Dashboard Template.. i have in issue the download link not working
Fantastic tut, as usual, Paul! Can I do this with Elementor Pro and Jetengine instead? JE appears to have much of the things you're using with ACF, ACF FE, APQ, and Ele.
Great topic Paul. Thanks for the video. Is there a way to do it with out additional plugins than Elementor and some additional coding.
If you're happy editing template files, etc., then I'm sure you could build something similar to this. :0)
You are a Legend.
Learning how to combine plugins as you tutor is a fantastic contribution to the wordpress community. Thanks so much.
I am trying to add front end editing functionality to a themebuilder popup plus after date in dynamicconditions. Could I create a custom post type with a popup contents and with dynamicconditions fields?
"Download Elementor Dashboard Template" - not a working link
Really nice tutorial. Love it.
Can you suggest how to edit the Profile Picture/Avatar (I am using Simple Local Avatars) from this dashboard. That would just complete the profile editing part.
This is also what I'd like to know.
@@kjkilojoules I discarded the simple local avatar and worked it out with ACF.
Hey Paul, Thanks for this amazing video. Im having troubles to make this work. Im already have a child theme and i was edit the functions.php like you do, but when i logging a Editor user role, this go directly to the usual dashboard instead. I used the corrected code that you posted in the comments.
Thanks Mate.
Same Problem here...
Top Drawer, as always
So interesting, thanks for this premium content... you're making me double guess the choices I made to build business directories... I have a question, which paying component would you recommend to use with Elementor Pro and ACF to charge users for listings and have enough flexibility?
I'd probably wait until the payment options are added to ACF Frontend Forms Pro. I believe that should be sometime this month. 👍
@@WPTuts Thanks, appreciate the quick reply!
awesome !!!
Thank you for the video I am in the process of trying to create something like this. I was using ACF..: just wondering if there is any reason you wouldn’t use jetengine?
I like what you're showing here. What about MultiSite where a user has access to more than one site? How does the redirect work there and/or will this actually work?
Like it.. ACF Frontend "Pro" should be using ajax IMO
Hey Paul, great tutorial & nice crespy voice ;) I'm wondering.. can it be done with Oxygen builder and Crocoblock Jetengien?
Very great Job. This was very very useful for me! Thanks
I have a question: These setups are good also with the Multilingual platform? Because I need to translate in different languages all of the fields and related messages and notifications based on specific language of user.
Hi Paul. I configured everything the way I need it (with your help, thank you), except one thing. I have a Custom Post Type that the form adds a new post to. How do I configure the categories and/or a custom field to allow a guest poster to select one of the custom taxonomies within the Custom Post type. In my case the post type is "Member's Entries," the taxonomy is "Galleries" and they would select "Art" or "Poetry" or "Pottery" etc. I hope this makes sense. Thanks again for your help.
Hey Paul, love your tutorials. I have 2 questions though. 1. Can I create two separate user dashboards based on user roles eg. one for recruiter and one for job seeker? 2. Can I change your dashboard template design in elementor?
Yes to both questions. :0)
This is a great tut! Thanks a lot @WPTuts - going to implement this for a client soon. Also, if anyone wants to hide Gutenberg editor without using a plugin, I've posted a 2 min video on my channel on how to do so!
Hi Paul, love your tutorial, but can't get something to work. When I create the editor role everthing seems to work, but the user doesn't go to the 'dashboard' page. Something to do with the fact that I'm working localy With MAMP pro instead of direct online? I can imagine that the code in functions.php ($url = home_url('/dashboard/'); should be a little bit different. Thanks for your help.
Hey! I just figured this out so thought I'd let you know :) My new Editor user wasn't redirecting to the dashboard page, and I've just worked out why. At 9:30 into the video, Paul says that changing the user type in the code from 'author' to 'editor' will redirect administrators and editors to the new dashboard page, when in fact it will do the opposite - it will redirect all users EXCEPT admins and editors. When he clicks save on the video it looks like it resets to "author" instead of "editor", which makes the fact that Paul's new Editor user is being redirected to the new dashboard page but ours isn't make a lot more sense.
Excuse me, it's a wonderful tutorial , where can i find json for templates?
Great tutorials as always. looking forward to a follow up! How would you use edit post to see comments left in posts and be able to leave reply?
Thanks for this great video. The link to the dashboard template not working. Kindly update. Thanks
Hi Paul, once again thx for the outstanding tutorial. I'd like to know wether is possible, maybe via some custom code (?), to have the "Add posts" private page *child* of the "Dashboard" private page. It just makes more sense to me having such a tree, since the add posts funcionality is part of the dashboard.
Another excellent video Paul! My only issue is I use Hello theme and it appears there is no 'options' option possible with it?
The Options isn't to do with the theme, it's a function you can add through ACF but isn't overly important. :)
Hi Paul, congratulations, I am learning a lot with your videos. I'm making a website for content creators who pay a monthly fee. This allows them to sell online their articles. My idea is not to create a membership web, this means that reader can enter and buy only the article they want from the creator they prefer. I'm making it with Elementor Pro, ACF, ACF FrontedPro y woocommerce. My problem is the following: I tried to make this with Pay for post with woocommerce, but as I'm trying that the creator has its own dashboard in the frontend, I could't creat a product and a post at the same time with 1 form only.
In addition, if it would be possible to create at the same time product and post, I wouls also need to relate them together. It seems not possible neither.
Do you know if this is possibile? Thank you
I wrote code as you did and follow you step by step but my (options) tab didn't appear on dashboard sidebar i uninstalled and reinstalled plugins but nothing change could you help me please.
Can you maybe show us how to do this EXACT SAME DASHBOARD using JetEngine?
My new Editor user wasn't redirecting to the dashboard page, and I've just worked out why. At 9:30 into the video, Paul says that changing the user type in the code from 'author' to 'editor' will redirect administrators and editors to the new dashboard page, when in fact it will do the opposite - it will redirect all users EXCEPT admins and editors. When he clicks save on the video it looks like it resets to "author" instead of "editor", which makes the fact that Paul's new Editor user is being redirected to the new dashboard page but ours isn't make a lot more sense.
i don't know why but I have implemented correct code in functions.php but still options tab is not showing.
please help
Great video Paul, tnx! One question though. How do i start over from scretch with Profile Builder? Deleting the Jetengine plugin and begin all over does not do the job for me because i miss some pages etc ..
Hi Paul, best wishes for 2022. Again a great video. I've created my frontend dashboard for Clients, but only published posts are listed in 'Edit Post' functionality. Usually I have an intermediate state 'Pending review' for posts and I'd like Clients to be able to edit 'Pending Review' or 'Draft' posts from their frontend dashboard. How can I achieve that ? Thanks
Thank you for the video. you made it seems like elementor was essential for this to work. Could you share alternatives if we don't use elementor?
Hi Paul, Fantastic videos and they all helping me build my site, I've followed the tutorial and everything works great apart from when you add a new post and it is set to private it does not appear in the post loop by author (it does if the post is public), logged in user is set to editor, could you explain why this is or does your method only work if the posts are public.
how do you fix the comment page, going crazy over here lol. Besides that great tutorial, seen the newer one but I like this template better. thank and looking forward to your reply.
Paul, am I right by stating that I should be able to use Jet Engine in place of ACF Pro? What else would I need?