Wordpress messages between users with Crocoblock JetEngine & Elementor | 2022
ฝัง
- เผยแพร่เมื่อ 21 ก.ค. 2024
- Alot of members are using Crocoblock for various projects and currently i have noticed that they need internal messaging system for user where they can communicate.
The tutorial covers the journey of making wordpress messages between users with crocoblock jetengine & elementor without any code in 30 minutes.
This system is highly customizable and scalable as Custom Content Type supports dynamic data, REST API, notifications as well as data migration if needed.
Content of the video:---------------------------
00:00 Introduction
00:17 Diagram & Flow of the system
05:07 Creating Custom Content Type to store messages
07:00 Fetch list of users with query builder
08:07 Creating form for sending messages
12:15 Insert form in page and send a test message
14:00 Create inbox & outbox profile pages for users
16:28 Building query for fetching inbox & outbox messages
18:14 Fetch inbox & outbox with table builder
21:18 Display messages in pages to users
24:00 Show message labels and count in dashboard
Jetform Builder Query Documentation:
jetformbuilder.com/features/m...
Download #Elementor:
elementor.com/?ref=16401
Download #Crocoblock:
crocoblock.com/?ref=4088
Need to build dynamic websites?
softemblems.com
Follow me on Social Media
Facebook : / mxtchamkani
Instagram : / moxet
Twitter : / sokaniwaal
Track: Peruvian Woods - Dave Osorio [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Peruvian Woods - Dave Osorio | Free B...
Free Download / Stream: alplus.io/peruvian-woods - วิทยาศาสตร์และเทคโนโลยี
Great content! Expect more new content. I really wonder why that guy doesn't have a new video yet.
Thank you Huynh :)
Thank you. This was well spoken and illustrated. I as well look forward to more tutorials, lol especially crocoblock.
More to come!
great work! I learn a lot
looking forward seeing more tutorial like this
Impressive! Keep making these video’s.
I really appreciate complex and useful video like that. Please build more 🫡
KEEP UP THE AMAZING CONTENT ✌
Bravo! Thank you for the well-explained videos! They are super helpful! Subscribed!
Nice. Waiting for more tutorials.
Thank you very much for the great work! 👍👍
Cool!!! Wonderful, I managed to make a Chat..... Thank you - Congratulations
Truly good work!
hello, Abdul i hope you are doing its me Ibrahim ,
very helpful, keep it up all the great work thank you
Keep it up. We are enjoying the tips
Consider subscribing :)
Great work. Really interesting!
Thank you
awesome video.... I just subscribed... please make more tutorials like this
Highly appreciate
Thank u so much. Please make more videos.
I hope u can make videos about Jetbooking and Jetappointment too.
Custom Booking by using Jetbooking/ Jetappointment.
Thank u again👍🏻🙏
Great content.
Thank you
More content like this please 🙏
Great tutorial! Could you please add a part 2 that expands on the functionality such as multiple recipients and managing the inbox & outbox so messages can be deleted or marked as read. Many thanks.
I will work on that, it is doable.
@@MoxetKhanPK Hi, any news? )
Excellent Tutorial.
i wish you have extended this video by a few other tips like creating a Direct Message Button in user profile and creating a notification for number of unread messages. i see that a number of guys are asking for it in the comments. by the way, thanks!
Thank you for watching videos, i will surely cover it.
Hi, when you add second part for extend functionality?
Excellent video for the start. Do you have a solution for multiple recipients - so creating multiple messages on the submit action?😄
Yes you can use autocomplete jetform builder element
Awesome! Thank You! And what thinks you, with this function can you build a Friendship System too? If yes, than how could you manage the Notifications? Thank you!
Thank you, can you explain more how friendship system will work?
@@MoxetKhanPK The first problem is that JetEngine has no built-in notification system. I'm thinking here that the message sending system shown in the video above does not have a way to notify you that you have received a message.
But to answer your question:
I was thinking of a simple "mark as a friend". User1 sends a Post to User2 and if User2 accepts it, they both get a Post that they are friends! And the same if the post is deleted! I could imagine it like this.
What an awesome tutorial Moxet. Please I do have a question. Is there a way to set it such that, e.g subscribers can only send messages to admin or editor and not to other subscribers
Thanks for watching, very easy to integrate your request. When you are creating form for subscriber to send message add admin & editor ID in hidden field manually or run a query to fetch users who has admin or editor role to be shown in SELECT.
very good thanx
Hello Moxet...and thanks for the great job....i have follow your tutorial on message system from ticket tutorial...i adapted it to my website in such a way that a loggin user can send a message to an author post and receive feedback..things are walking well...but i was wondering if i can allow both of user and author post to receive a notification when there is a reply...wich notification will desapear when the feedback is open. Is it interesting or should i look for another system?...i had a look on bb_message system, but their short code only allow to send a message from post to the Author, i don't know how to customize that message to grap post title when sendind message....can you please advise me on the better solution for what i what to achieve ? thank you for your help ?
is it possible to add edit button to each row of table?
I know that we can use template and add a button to each row of the table
my problem is that I don't know how to link that button and give it the id of current row? in order to link it to form builder(edit page)
tnx in advance
Hey. Nice tutorial! :) Since this was almost a year ago, did you revisit this, are there any new better ways to create a messaging system?
Unfortunatilly, same concept will be used. No major improvment im jetengine so far
I wish if you could make it AJAX so no need for refresh every time a message has sent
Thanks for the video. Is it possible for the comments to be on the post and to create a filter that will display in each post only the comments written on it?
Your solution is here
th-cam.com/video/WL6SHh3a748/w-d-xo.html
Can a notification counter appear in the menu bar when a message arrives?
Beautiful tutorial. Was just wondering if there was a way to add "unread" and "read" messages. Thanks.
Yes you can take a meta field as unread, once someone open the CPT you have to change the value to read with few lines of code in function.php
Also interested by that solution...
Is there a way to show a profile picture in the loop / listing for the message but place the image to the right of it’s from the user that’s logged in and the right of it’s from another user. Like apps like WhatsApp display messages?
Yes it is possible with dynamic visibility; the text send by author show on left side else show on right
Would it be possible to implement this but via emails instead of an internal messaging service. We want the user to be able to select multiple emails and fill out the form once, and it sends to all selected email addresses.
Yeah it is doable, you need like a newsletter thingy? You have to take emails in checkboxes (jetformbuilder) since it is not supporting multi-select or you can use textarea (1 email per line), in the submit action you ll use hooks, the hooks will be sending email via SMTP to your emails. The content should also go from jetform builder.
Great content but I was wondering if it's possible for the form to dynamically register the user ID
Facebook style ( placing the form on user profile page and if a user client on the button they can directly message the user of that profile)
It is 100% doable and easier then what we have done here. You can open user profile in which queried user will give you user id, just fill form from there, from should be current logged in user and TO should be queried user id.
I'm stuck there too
What I did was put in querybuilder/users query the option to include (author ID of the publication) with that the select now only shows me the name of the user to send message
Awesome. Thank you @Moxet Khan. Lot's of people are facing issues for building membership site, It would be great if you make tutorials in this topic with some Advanced Features like User Account Activation/Deactivation, Stripe Payment System, Show the User's plan Paid & Expiring Date.
Hello Khalid, i will surely cover it in future.
@@MoxetKhanPK Thank you. I also massage you on your Facebook Page. Can you please check it.?
Awesome video. Let's say you only wanted to display a send message button when you're on a specific members profile page so that you don't see every members name. When you go to the messaging dashboard their profile ID is already inserted, how would you do that? Thanks in advance
You have to pre-fill thier profile ID using dynamic data in the form.
@@MoxetKhanPK Could you explain more? I'm not able to figure it out...
@@adnanabdull4h I would also like to know the same thing! I think that if you put a hidden field of Post_author and create a relationship, it might be possible.
@@Vivazart I got it sorted with the help of the live support team... I was advised to use a dynamic link to the message page (so that the queried ID can be captured), and in the form use URL Query Variable for field value and (JetForm tab) set the Preset settings to get User ID from Queried User.
Hello, I have a problem, 18: 47 min, i don't have is selection line (in Data Source) Fetched Column, i have just 2 options Meta Field and Post/Term/user/Object Field
Hi, double check your query; it must be SQL query not POST.
Thanks, great video and tutorial.. Nice feature will be number notification for new inbox message... this value can be got from query but how to set to "0" after all new messages are readed?
You can have a meta field for read/unread. Once somone Open you have to update the value from unread to read. Regarding the numbers you can easily achive that with query builder.
@@MoxetKhanPK ..."Once you open you have to update the value .... yes, but this can be done in PHP not from frontend with elementor or JetEngine.
@@Fabio330ci if u open it with form builder button you can if not than PHP.
Thank you very much! This is a very necessary video for me. Finally found it! And how to make the message work only between the subscriber and the site administrator? And so that the administrator receives messages by email. And to send to the subscriber also by email. I think it will be very interesting!
You are welcome, now the one you need is super easy! Take the same fields in CCT and show the form to admin only, so he can see the users. For users make the same form and leave the reciver ID empty. All messages which has no reciver ID is for admin :)
@@MoxetKhanPK Mashaallah! Thank you brother!
@@MoxetKhanPK This is a good solution for creating a ticket for technical support
@@user-id3bg2ls6y For ticketing i built something with CPT which is more scalable. So each CPT is a ticket and if someone reply they are connected CCT, status of the ticket is taxonomy.
@@MoxetKhanPK Please make a video on this topic. This video will be very necessary for many people!
It was a wonderful tutorial, I made it, only instead of getting the name of the recipient from a query, it gets from the post author. And it works well
Is there a way to show the number of unread messages?
Yes you can take a meta field in CCT with 0 & 1 value, by default it should be 0 mean unread, once you read send a signal through ajax/jquery to change the field to 1.
Hi, is there any way for users to do this by typing in the display_name instead of manually selecting it? also, is there a way for the display_name to generate dynamically based on the user being an author from a custom post type? btw video was really helpful
You can use select2 plugin of jquery to type display name.
if i send a message to a user how will the user have sent a message to will reply to the message i sent.
Is it possible to use Jet Engine to get data from Airtable, and to use that as the database, but Wordpress as the front end?
Yes you can use REST API listings but there are certain limitations for example you ll hard time implementing the single record page in wordpress. May i know why you want to use that as a source?
I’m impressed bro. Keep it up. Consider looking at bricks too
Thank you
Congratulations on the tutorial! But please! I don't understand how you got the selected user's email.
We used query for that.
Is there a way to add delete or reply to message on the teable as a last column?
Again sorry?
@@MoxetKhanPK i want to allow users to be able to delete those messages and to be able to reply to a message. Is it possible to add delete and reply a message in the table?
Help! For data source at 19:10, I don’t have the option for fetched columns??
please check the previous steps
I had the same problem. The option for fetched columns does not show if you have not sent and received any messages as the logged in user.
Hello, is it possible to convert this messaging system into a chat system? With text bubbles?
Yes! With custom code.
create a video on how to create sign in with google
Nice Video
Please creat audio and video calling system only jet engine
You can't, need to build with code only.
@@MoxetKhanPK I'm not good at coding
@@GaddafiSarker I understand but jetengine can't build everything, there is always limitation.
Fetched Column doesnt show up for me
I even submitted a ticket and Crocoblock has not been able to figure it out.
As far as I am concerned this guide is useless as it does not reflect what you actually get in the end anymore.
Crocoblock has FUBAR this app.
I have watched repeatedly without getting a solution, how did you get the 23? at 10:23 ?
This is query ID, click on your query you ll see it in URL
@@MoxetKhanPK Ah, I see it now, thank you 🙏🏾
Is there any way to create live chat system?
I mentioned in the video, you have to use 3rd party plugin unless you want to code 1000 lines.
@@MoxetKhanPK Can you suggest me any plugin?
@@jemmanou There are a dozen, use the one you like
Tawk
Intercom
Drift
Tidio
ChatBeacon
Freshworks
Smartsupp
Gist
Free Chat
what?