How To Create Custom Front End WordPress Dashboard For Your Website Clients | Elementor Pro
HTML-код
- Опубликовано: 4 июл 2024
- Learn how to create custom front end WordPress Dashboard for your website clients with Elementor Pro & Free plugins.
Stop giving access to your WordPress Dashboard and create a unique custom Front end dashboard and manage exactly what your website users can access.
In this tutorial, I'll cover the following topics:
- The plugins used
- Create the pages & hierarchy
- Create custom header & menu (use restrictions to hide admin menu features)
- Setup page access limits
- Create the user access edit loop
- Create the Admin level access loop
- Dashboard page - latest posts with edit
- Add new post page
- Edit user posts
- Ensure the edit settings are correct/passing URL value for post id
- Edit Admin access posts
- Ensure the edit settings are correct/passing URL value for post id
- Show how tab hijacking will NOT allow editing of others content
Plugins Used:
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Frontend Admin: wordpress.org/plugins/fronten...
✅ Advanced Post Queries: wordpress.org/plugins/advance...
✅ Elementor Custom Skin: wordpress.org/plugins/ele-cus...
✅ Advanced Custom Fields: www.advancedcustomfields.com/
✅ Content Control: wordpress.org/plugins/content...
✅ Nav Menu Roles: en-gb.wordpress.org/plugins/n...
Advanced Dashboard Tutorial: • How To Create Custom F...
TIMESTAMPS
00:00 - Introduction
00:45 - A look at what we'll create
04:17 - The plugins we'll be using
06:15 - Creating the dashboard page structure
07:46 - Restricting access to the dashboard pages
10:36 - Building the template basics
11:20 - Setting up menu item display rules
11:50 - Building the dashboard header
15:03 - Building the author post loop
18:50 - Building the author post listing
21:40 - Building the edit post by author page
29:20 - Building the admin post loop
31:15 - Building the admin edit posts
35:15 - Setting up the dashboard homepage recent posts
37:05 - Add new post page
39:05 - Testing the add new post page
40:27 - Wrapping up
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.
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ 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
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk 
Хобби
I normally never write anything, but man, I have been waiting for a tutorial like this for a long time! This is really powerfull! If you are creative you can do some really complex things with what you just tought here! I would give 100 like just for this content!
Great to hear you found the tutorial useful Paulo :0)
@@WPTuts Buen día felicidades por el video te saludo desde mexica tengo una duda cual es la diferencia entre el user dashboard y My post veo que me despliega la misma información no se si algo hice mal o no entiendo su función de cada uno o que debería de hacer, gracias de antemano
@@WPTuts I have WordPress/elementor pro. I wanted to ADD a designer to help me complete the website. If I ADD him as a ADMIN can I completely remove him when the website is complete?
@@michaelreyes8182 yes you can. 👍
@@WPTuts I hope its that easy...thanks
THIS IS FANTASTIC! every client gets confused and overwhelmed even with the Editor, etc.backend WordPress dashboard. People need simplicity - thank you for the excellent information!
Yet another fantastic demo Paul!... Thanks!
Great tutorial! Appreciate the types of videos you do, has really helped level up my skills.
Exactly this is what i want. Great job thank you so much.❤
Love this update. Gonna drop acf from my dash. Thanks a bunch!
Brilliant, thank you!
love it! thanks!
thanks a lot i really learnt so much from this tutorial
you are very Good sir in wordpress lectures thanks
Damn mate, you are a beast! Love your work.
Lol you're funny
love you, love the way you explain and your content❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
Excelant brother
Thanks Paul.. nice video 👍
Dope
Fantastic, thanks
This video is reallly helpfull even after 2 years. Thanks for the video. Please make a video on how to allow user to save post as draft and edit their pending and draft posts
WOW!!! I love you
Thank you
very nice.
Thank you, another great video! You've done a few videos on how to create a user specific admin dashboard... I'm looking for something that enables someone to create a user specific page or portal wherein the main content is not the user's posts per se but for instance, a table summarizing custom fields from the user's favorited posts for example. I think there is enough info here for me to figure out how to stretch your example to my use case. But if you've ever done a video more like that, or can, please point me to it, I'd be grateful!
Thank you for this tutorial! I need some extra options for the front end dashboard. I want a user, except the main administrator, to be able to edit other users, especially editing their role, for example from subscriber to author. I know there is another way that is from wordpress admin dashboard but I want it would be able from a specific customized dashboard like what you introduce in this tutorial.
Thnx for the amazing work. best WP channel hands-down 🙌🏽
I was wondering if you can make a video on integrating adobe fonts, I work with a graphic designer and he keeps asking me to use an adobe font but I couldn't find a youtube video that targets this specific problem!
Hi! Amazing tutorial. Only one point I do not get it. When I develop a system like this coding, I would never create an edit page twice. So I was wondering if there is a way to have also here only one page for the post edit. Thanks!
Excellent video ... very good tutorial. A question, where you defined that the editor type user, when logged in, will enter directly into the dashboard page created and not the original dashboard. Thanks.
Thanks
Great
One thing that would make this nicer is to style the lost password area. :) I would love to see it.
Great tutorial. Where you defined that the editor type user, when logged in, will enter directly into the dashboard page created and not the original dashboard. Thanks.
Great content! Would you say it would be possible to do something similar for a Woocommerce dashboard? That is so they can create new products and edit existing ones?
An AMAZING TUTORIAL... BRAVOOOO. This is a friendly dashboard.
Is it possible that updating plugins causes a duplicate to appear when editing an AUTHOR POST?
@WPTuts great tutorial! Are there any steps to take to make sure these new back end pages are not indexed by search engines?
Thanks for this excellent tutorial. Just one question: I don't understand the difference between User Dashboard and My Posts. They have the same content.
Hi Paul! Thanks for the content! So valuable! One question: would it be possible to let users manage Events on the user dashboard? (Just like you showed for Post edition/creation)
Hi paul - Great tut, except is there a way to disable the user from editing the post once it has been reviewed and published by admin?
Hi Paul, thanks for the tutorial. I'm having trouble with Content Control. When i try to Add a restriction, it redirects me to the General Settings page and if i get back to Content Control the restriction isn't there. What shall i do now?
Hello and congratulations on your videos, they are really enlightening. If I understand correctly, this system can also work if you have to create the menu page (for example of sportpress) for the users right?
it's not just about posts.
Thanks
Hit the thumbs down button twice. hahaha, that was funny and clever. Loved the video, keep them coming.
Hi
Can I create the same where both posts ad pages can be controlled by users? Where they can add new pages and edit their own pages and add or edit content in those pages.
I have multiple custom post types. I want users to be able to create any of these multiple custom post types. The way it looks is that I would have to create separate page for each custom post type with the “add new post form” widget. Is there anyway to have a selection for the specific custom post type rather than have to build a static page for each?
Hi there, what would you use to create client portal for interior designers for example?. So their clients can log in to their own profile and review documents and project updates etc.
Great video Paul! Can one do what you did in this video with Brizy Pro Wordpress? Thanks Paul!
I don't think the 3rd party plugins are available to build this type of functionality with Brizy right now.
The ACF option for additional fields doesn't let you select your custom fields. I do have Elementor Pro and I do have ACF Pro. Ideas?
Hey, Paul C. Considering this was made 2 years ago, would you suggest using the same [free] plugins now?
i dont have dynamic selection option in edit button permissions in 2022 elementor pro
Hi Paul, your tutorial is amazing as usual. Do you find a solution or a plugin to pay for publishing an article with woocommerce ? (a paid version of what you showed on your tutorial)
So, the user pays for a product that'd be a post, is sent to a page to create and publish this post, and can/n't come back later to edit & modify it
In post loop creation Time:17:56, I do not find Dynamic selection to add Post author.
Almost got it.......HOW & WHERE do you set the meta field for JetEngine Custom Post Type....I have an edit field that WILL NOT show itself..... Great Tutorial and Channel.... THX
I missed the part that redirects that user to the dashboard page. What do you use to redirect that user based on their user role?
Sir can you please guide me. In one of your video, you taught about dashboard welcome for elementor plugin. But that plugin is untested with the latest version of wordpress. Shall I still install the plugin?
is there a way to get WP recipe maker plugin into the post/edit function? so authors can fill in the recipe card?
HELP! When a user publishes a post, two posts appear at once.
would you rpl? i have a question that how can i get a dashboard for clients with any plugin or template
hi, is there a way to show stats from jetpack or google on a elementor page?
Great video.
Can the dashboard be edited to add deposits and withdrawal.
hi. how to allow users to change profile image?
i want to create the user dashboard with custom field
Is it possible to use this method to share private posts with specific users??
Hey Paul, great tutorial,
I'm having an issue with the permissions thing (using ACF Frontend v 3.9.1)
Even if i set edit permissions to "Post author", i can edit another's author post by changing the id in the url.
Did you test this feature with the latest verion of the plugin?
Thanks
How about this w/ the use of Gutenburg and such instead of classic editor?
Hi super tutorial bro...if you have some time pls can you advice how to verify the mobile number of a user with a OTP on this system. thanks
Hello! How i can save any post in personal area called my post saved? Thanks and sorry for my english
Hey Paul, why the new created post doesn't have the titel name as you filled in but got "New Post" as titel in the back-end
Is there a way to limit how many post are allowed?
Buen día felicidades por el video te saludo desde mexica tengo una duda cual es la diferencia entre el user dashboard y My post veo que me despliega la misma información no se si algo hice mal o no entiendo su función de cada uno o que debería de hacer, gracias de antemano
Sir, my question is if we can show pending posts visible in the frontend somehow to someone who is not the author of that post?
Hi Paul, can use it for add and edit pages?
Will it still function the same if you deactivate Elementor Pro after you are done building out the site?
Can anyone help me plz. I am stuck at 22:04 .
I am not able to view the widgets of frontend forms. Although i have installed the plugin called as frontend admin for acf and also acf.
I run into a issue., I don't see any Front end Forms + Button option in the Elementor editor.
Used in video on: 16:15.
I gues I am miss a plugin ore something but I couldn't find wich one. I double checked 3 times.
What am I missing?
when I come to edit the [add new post] page，there is no frontend forms，neither can I find the [new post form]，how can I do now?
How can you create a page for members/subscribers that can edit only the text and save it whilst having the option to reset it back to the original text?
Buens tardes disculpa la pregunat como puedo hacer en frontend para agregar usuarios, editarlo y que solo el administrador pueda ver una lista de todos los usuarios para editarlo
Is there a way to do this without utilizing plug-ins made By Shabti Kaplan?
Hi friend, I can set a custom dashboard for a wordpress plugin for my users or suscribers? I meaning a dashboard where each user can use individually a wp plugin?
I can't see the option “Dynamic Selection”... Help
Hello, very good video, thank you very much but now I ask you something, I want to develop a simple system of tasks for my work team, that each one can publish tasks and associate them with specific users who are responsible for completing that task, and when Users enter and do not see all the tasks published in the system but can only see the tasks associated with that user, as I do so that users can associate their publications with specific users and so that these users can only see the tasks that are associated with them. ?
Great tutorial Paul, thank you so much. Paul what plugin would you recommend for "registered user access"? My client wants to provide access to certain pages to approved users only. Your sound advice would be greatly appreciated. Many thanks.
Kudos for the Video! Forgive me for the intrusion, I would appreciate your initial thoughts. Have you researched - Tansaiah Voiceless Transcendence (probably on Google)? It is a smashing one of a kind product for getting free online traffic and make money minus the hard work. Ive heard some awesome things about it and my friend Sam at last got excellent results with it.
For me, this is the best 'Front End User Dash' tut.
Hello, how can I programing a post in the future whit this?
How can I do this for someone I design a shopping website for?
Nice Job! I've been trying to figure out how to display posts that are in draft status (non-published). IE: The author wants to put drafts of posts into system and come back later to edit them.. Thoughts?
Hey Paul C great tut again, if only we could make a custom dashboard when using woocommerce and could put there things like statistics sales etc
You probably could with some more advanced tools and access to various data API's, but it's a bit beyond what I wanted to cover in this video. :0)
@@WPTuts it would be great if you could make such a video later
Hi Paul, is this still updated or you have a new tutorial something like this?
15:11 Has elementor removed the LOOP tab?
Unfortunately it doesn't work. On editing the contents of posts and the featured image is deleted.
I agree. Most of his tutorials I have spent numerous hours on. Everytime, ends up locking up my backend causing trouble every time. No more for me.
Thank you very much. Is there a way to make use of the elementor editor from the frontend for editing a post rather than the standard wysiwyg editor?
From my original testing a while back, there doesn't seem to be a way of making the Elementor editor available on the frontend. To be honest though, one of the main reasons I'd want to keep a user out of the WP Dashboard is to stop them from accessing that type of functionality. 😉
@@WPTuts :-) Thank you very much.
Once again thank you for your content, I really appreciate them.
I didn't find content control
Very much thank you sir.. Explained so nicely... ❤ from INDIA.
Sir, how to allow author to view their post. And also how to customize post format. I want to make market suvey. How can i make it? Please explain. Waiting for your reply...
Hi, brilliant video. Could you please tell me how much of this could be done using crocoblock and elementor pro? I have subscriptions to both so I would rather use those if possible.
Many thanks,
Andy.
Pretty much all of it can be. If you have a look on the Crocoblock channel, I released a video covering the Profile Builder function a couple of weeks ago.
ruclips.net/video/DloUYSFmAvs/видео.html
great video Paul, I just saw it, it's just what I needed; just one more question, is it possible that from the frontend add a new category?
I believe you simply need to enable the 'Add Term' option when adding a Category field to the form. Take a look at about 23:50 in the video and you'll see a checkbox at the bottom of the category field options.
@@WPTuts Thanks Paul for your prompt reply, I will try what you indicate, you are exceptional in sharing your knowledge, I follow you permanently, greetings
Hi, I am not getting the loop option in template >> theme builder (ref: time stamp 15:02 min). Do I need to buy the Pro version of Elementor or if yes, then please provide me another alternative
Ele Custom Skins plug in? And I think Ele Pro is a must.
Thank you very much for sharing. Another great tutorial.
About that post_id for the URL query: Is that value still working if I use the post name for the permalink instead of the default id?
Yes, your permalink structure shouldn't make any difference. 👍
@@WPTuts thanks for the quick answer.
@@ChristinaMcKay no problem at all 👍
Is there a plugin to read values from another database table to display on a page as well as capture to create ACF fields? I'm using a plugin for social media and that plugin creates groups and users in their database. I need to read that information to grab the group_id and create a category with the id. I don't want users to even see the category as I need to use it for dynamic control.
I'm also using Events Calendar Pro. It creates events as post types. I would like to create a loop on the calendar events and then allow the group manager to create and edit scheduled events, just like you've showed us how to do with normal posts. I do have the events categorized so that I can filter the events. Some of the events have RSVP tickets. Their database stores information about the RSVPs, including the users information. I want to build a page of who will be attending an event based upon the RSVPs.
There are fields already defined for the Events Calendar. I don't believe that I want to create new ACF fields. Will creating a new Custom Post type allow me to access the content for the Events Calendar. I'm thinking not.
I just want to take information that is already in the database and push it to the manager who can edit their calendars and see who will attend their events.
I hope this makes sense. It's 3:45 am and I've been following your videos for a couple of days now. I built out a admin dashboard, but now I need to create the pages that allow the manager to edit "events posts". I've already built ADD POST and EDIT POST pages. I'm liking them.
Finally, I saw the WP Data Access plugin. It may be the way to grab information about groups from that database and associate it with the current user so that the user can create new blog posts and events for their group. I know it's all very complicated. But I figure that if anyone knows what plugins will do the trick and how to use them, it's you. Thanks in Advance.
Hello Paul! Would it be possible to update the tutorial for JetEngine Front End sumbissions? I have the JetEngine CPT with their own metafields and subinformation - example: I have an option list with checkboxes to show amenities of a house such as wifi, heater, ac etc. All good up to the point, BUT when I am working with the JetEngine Front End Submission - I am only able to link to the main post meta which is AMENITIES but I have no way to link the options list that I created, I can't even get to create the post from the Front End. HELP please 🥺
I will be building something similar with JetEngine soon, but not too sure how deep it will go.
Request !! How create a website like dashboard with Elementor? I mean left menu(no refresh) and content at right, like a dashboard. Thank you.
Dear Sir,
I am having Elementor Pro and Piotnet Addon For Elementor ( PAFE ) Lifetime plan.
Can I create a custom subscription level based website with these 02 plugins or I have to use a membership plugin ?
Actually I want to create a membership website based on subscription level based contents for specific users. So that specific users may be able to access specific contents only.
Lack of tutorials on these topics and PAFE , I am not able to take full advantage of these plugins.
Your tutorials has been very helpful.
Please help.
Learning always from you.
With warm regards,
Vivek Kumar
2024 Here, use elementor custom filter queries instead of adding a plugin just to filter posts by authors :)
(you can find the feature on loop grids, at Query ID)
2021 here - it wasn’t possible when the video was released. 😉
I would like to use the plugin, but it broke my website.
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
Hi Paul, great video!, I did all the steps but when creating a new post it saves the title as "New Post" and when I try to edit it I cannot from the Building the edit post by author page, you can help me to know what this problem may be ?
I have the same problem, also in the video he has this error. He wrote "sample post" but he as "New Post" as result. Did you found a solution?
@@davidedinucci7801 Hi Davide, yes I found the solution, please write me at the email jonatan.carrasquilla@gmail.com for give you more details, thanks
Hoi Paul,
Are you going to make this for bricks users also?
Possibly. It all depends on how viable it is to do with Bricks.
The "Front End Admin" plug-in has been suspended.