How To Create Custom Front End WordPress Dashboard For Your Website Clients
ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 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 ?
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
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!
Seriously Only 63K subscribers ? this guy deserve more than 6 billions subscribers ! Share as much as you can ! Thanks Paul great tutorial !
"Download Elementor Dashboard Template" - not a working link
Just want to comment again as these advanced videos are just so amazing and helpful. You are the best Wordpress TH-cam out there please keep it coming !!
You're way too kind. :)
Importing the Custom WordPress Dashboard Template.. i have in issue the download link not working
These are priceless tutorials which nobody share with such details whole. I really appr. you so much. Thanks a lot.
Thank you. :0)
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.
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.
hello i just want to ask this things works if i want to apply the method in woocommerce? access to product page, woocommerce page?
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.
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...
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.
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
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
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.
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
Can you share template with me? Because the link is broken
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 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!
i don't know why but I have implemented correct code in functions.php but still options tab is not showing.
please help
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! 😎
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)
The template page is no longer available. Can you provide the new link?
I am also wanting this template as well please!
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?
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. 😁
If you have a taxonomy with your ACF group how do you get it show on the front end here? In the backend it shows on the right hand side but I cant find an option to select my taxonomy/catagories
I have the same question, because ACF is showing only categories option.
@@MoxetKhan Same. I can add a custom field group so that shows but when you select the options in it, it doesn't actually register the post in the taxonomy.
@@MoxetKhan I think I found the answer. Create a field group for your taxonomy so it shows in the form. Make sure your field group has save terms set to yes. This will connect the taxonomy terms to the new post which means you don't need the post categories field anymore.
@@digwillhachi yes it works fine, i tried it before but my only mistake was save term disable. Thank you ...
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.
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.
Can you maybe show us how to do this EXACT SAME DASHBOARD using JetEngine?
Just what I've been waiting for. Someone has been busy!
Just a little... lol
Wow! This video is such a gem. Thank you for sharing this. It's amazing what we can do with WordPress
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!
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.
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!
Can´t love you enough Paul 🤩 Amazing like always! What a content!! 🔥🔥🔥
Lol.. blushing! 😊
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 TH-camrs 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.
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 :)
Updated code for redirection : function cm_redirect_users_by_role() {
$current_user = wp_get_current_user();
$role_name = $current_user->roles[0];
if ( 'editor' === $role_name ) {
wp_redirect( '/dashboard/' );
} // if
} // cm_redirect_users_by_role
add_action( 'admin_init', 'cm_redirect_users_by_role' );
Hi Paul. Is it possible to download the Elementor Dashboard template ? JotURL is throwing a 404 error Sir. I know this is somewhat old now and if you happen to have an updated version, I'd be happy to search for it in your channel. As always, I appreciate the work you do.
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?
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)
Hi Sir I want to ask a question, why the option menu is not show up but I've already put the code with this code :
if( function_exists('acf_add_options_page') ) {
acf_add_options_page();
}
But still can't show up the option on the side bar, is there something wrong with my wordpress? thank you
Thank you good one.
My Question now: As my client site has wooCommerce and customer can use the traditional wooCommerce dashboard, Can I add additionally or $user->has_cap( 'customer') as I am intending to build the dashboard for subscriber role alone?
Is there any easy way to have the edit post dialog open in a modal on desktop and some other way on a tablet or phone?
Nextgen and acf Dashboard
Hi Paul,
I am looking for a way that user can import photo's in his/hers gallery ; is this possible elementor pro and acf dashboard??
Regards,
Thanks for this great video. The link to the dashboard template not working. Kindly update. Thanks
Hi, I don't know why but every time I try to make a new post or edit post, nothing happens! Nothing is saved, I really don't know how to fix !! Can you help me please? I have all the PRO plugins.
Hi, I would like to build a wordpress wedding sites platform, This platform would allow the users to input with some personal information about their wedding in some already wedding sites models, that the user will choose. Like some sites as "The Knot", "Joy", "Zola". Could you give some clues, steps in order to make this work ? Thanks in advance
Hi, I see you work with Elementor, but right now I work with Divi Builder and Divi Machine and I can't create a frontend form for my customizer to post, edit and delete their posts. Do you have any tutorials or know of a way to do this in Divi?
Hello
Can the same project be done only with the free versions of plugin and elementor pro?
Thanks
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
Too bad I don't use elementor...Is there a workaround? The ACF frontend form is only for elementor. I'm a Divi user.
Hopefully you can help out, I have gone through the video and have everything working
However when I Login in on a test account it redirects to the template you provided in the tutorial instead of the one i've built.
URL is correct in the theme, however it redirects to ?elementor_library=dashboard-template-clean I've tried cleaning my cache. Changing the url in both the theme and the slug on the dashboard. (then it says page not found even though I can paste the url into the browser and it goes straight there)
Please any help you can give on this would be amazing
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
Will this work for WooCommerce to add shop managers for different categories?
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?
Another incredible video from the pro! Thank you 😎
Cheers Shabti and thank's for the great plugins that make it so easy to build.
Thanks for the great video. I have a question. after created edit vehicle page and add vehicle page. I want to show in a loop on my custom dashboard, I can't use here elementor, but here I can't add edit vehicle and add vehicle button link on every single vehicle posts. how can generate the links? Please can you help me? See this image ( prntscr.com/th5t2j )
Excuse me, it's a wonderful tutorial , where can i find json for templates?
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.
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.
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)
Hi can you create all of this with Metabox? @WPTUTS
Hi, One of my client's website is a news portal, Whenever they access the WordPress admin dashboard, the dashboard becomes slow, I was thinking if we can add an option to add posts from front end? So does it improve the speed for authors and editors if they write from front end?
Do you guys offer a service to build this for me? I own a consulting agency and we need exactly this built and are happy to pay
I'm running a multi-site where I will have many clients who get their own subsite and own dashboard area. Is there anyway workaround that would not involve using elementor pro? They have said I cannot use a single license for all of the sites on my network.
Hi fríend, I can set one of wp plugin as saas membership? I meaning I can set a admin or fronted dashbosrd and give access to customers to use especific plugin?
How can the different tutors create course from the frontend without accessing the backend of the dashboard.. please help me
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...
Can other type of user role such as author or contributor can edit post..
Because if not administator role..author or contributor cannot see edit button.
Is there any tutorial can i refer to make sure author can edit data on acf pro on frontend
Help me sir
Help
I need to add in "new post" the option to select a custom taxonomy that I add with CPT UI, but only the categories of the "Post" section appear.
The taxonomies are usually created in ACF and you use the ACF field group to get to the custom taxonomy
How do you make the categories as a dropdown? Mine just has a radio button next to it. I can't figure out how to make a a dropdown.
CELA NE MARCHE PAS de mon coté cela me marque ca
Parse error: syntax error, unexpected '$', expecting variable (T_VARIABLE) in C:\Users\suunz\Local Sites\test\app\public\wp-content\themes\hello-elementor\functions.php on line 187
Comment puisse faire??
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?
Great video as always Paul... Thank you very much.
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
i want a dashboard for my team so they can see different respective area shops sales and growth on a multivendor wordpress website working on different cities
Please Sir, how can I add monsterinsight google analytics and site health to this dashboard as it is shown in wordpress dashboard ? I want the client to follow himself the site health and the analytics in the front end dashboard.
I have im the function php twenty twenty files
Should i delet them?
Do you offer custom development? @WPTuts
Its awesome plis can you give me the elementor themplates for the all pages :D plissssss it awesome and thaks for give us this tutorial!
I have tried the code for the functions.php file on two different test subdomains. I do not get the Option to show nor does my test "editor" user get redirected.
Hi Paul, can you create this for different languages?
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.
elementor dashboard template link not work more ... :(
Can you manage user registration through this tool? @wptuts?
What a coincidence, I also use same wallpaper.
I am working on Astra theme. so I only see Astra theme so what should I do?
the download link for the template doesn't work :(
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: th-cam.com/video/iHx7krTqRN0/w-d-xo.html
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...
2:45 shit, I thought my Laptop's display got messed up :D
Can this method be used to create dashboard for an account on listing or real estate website
The elementor dashboard template isn't there....
awesome !!!
Can i pay you to make this for my clients and a better dokan dashboard ?
are you dakotaz fan? because the wallpaper
this is so awesome, i think i'm close to tears