Full Video Transcript
Hey, y’all. Today, I want to show you how to use Gravity Forms to make a job board. I know there are probably plugins out there, but what I wanna show you, in a sense, is the power under the hood of Gravity Forms, and if you get creative with how you could use this dynamic capability, you can actually do a lot of stuff with the few cool tips that I’m about to show you, and I don’t know that we’re gonna be able to fit this in in 10 minutes. We’ll only know that at the end of this darn thing, so I’m going to skip giving a shout out to these three amazing organizations. You see them here, though. Go check them out.
If you’re using WordPress, you need to know about all three of them. That being said, alright, I’m going to move out of the way here for a second ’cause I want you to see something. What I wanna do is create a job board by using the power of our posts or our categories inside of WordPress. So, I’ve already created one here that would be a Digital Marketing Specialist would be the name of it. I did go ahead and set a featured image in it. That doesn’t need to be there. I just wanna show you what, potentially, this could be. So I click on the title, and it would go into the individual page that would have the full salary, the city, the state, the job description, the requirements, and where to send a resume to. All of these are fields. All of these are fields that somebody could actually come to your website, fill out, and basically submit a job listing to you, right? You could even monetize this, where they had to pay to list this on your website, and automatically, boom, it publishes to your website once you get payment, or if it’s for free, that could be that as well. Or, you can set it up to a point where it has to be moderated by you, right? Where it would come to you in draft form, and you would say hey, you have a job listing to approve. With one click, you can approve it, and it already would have, let me get out of the way for a minute, it would already have all of this awesome structure around it. You wouldn’t even have to do any of the additional changes to font or make sure that it’s all filled in there. You can even set this to be clickable, dynamically. Are you ready for this? You can do all of this with Gravity Forms. It’s gonna be so much fun.
Alright, if you have not subscribed yet to our YouTube channel, will you please stop for a second? In this corner over here, sorry, this corner over here, there’s a little play button. Please check that out. Click on that and subscribe to our YouTube channel, because every single Wednesday, we’re gonna be releasing cool stuff about WordPress here for free for you to come check out, and all we want is an opportunity to let you guys get the first notification, right? That’s all it is whenever you subscribe is the first notification that, hey, you’ve got a new video to go check out.
So, what I’ve done here, shrink down the screen so you can check this out, I’m in the posts area of WordPress, right? We’re gonna use the archiving capabilities of WordPress to make this job board. I’ve given it a title. We’ve set up a category over here called Job Board. This is our category, and you can break those down. If you wanted to segment these by state, you could do that as well. Be creative with it, right? And then, what I’ve done is gone ahead in here and written in nerd code. If we were in the visual mode, you would see it just like this, but I’m behind the scenes right now in the nerd code mode or the text mode, and I’ve got here your H3 tags set up for everything. We’ve got the job description listed. An hr is what gives us that horizontal line or that horizontal rule that slides across the screen, right? And kind of segments out things, and then we have our send resume to, and then this email address here, and if we wanted to have that linked, we know that WordPress will automatically write the cool nerd code for us and say add link, and it’ll add all of the nerd code it takes to make that little email address clickable, where automatically, somebody can click on it and send their resume, right? Okay, you already know how to do this. How do we actually create a form, though, on our website that when somebody fills it out, we can actually have this generated? How does that work? This is how it’s done, okay? I’m gonna go ahead and click update with this so that I don’t lose anything here, and I’m gonna go into forms. I’ve already created a form here.
I’ve started putting in some of our fields, but I haven’t done the most important parts, which are the things you might not know to do to create this to dynamically create a post for you, so what I’ve done is literally just filled out a couple of fields. These are single line fields that I’ve filled out as city, salary, state, requirements. Then, what I’ve done is I’ve segmented this form into two different pages. I’ve allowed the first page to be job listing details, and then the second page, I’m gonna need their own information for who the person is that’s listing this job description, right? This job opportunity. One of the reasons why you wanna do this is because you want to be able to have the field that says where to send a resume to, and this would hopefully be that same person. Also, you want to grow your own email list, right? So we want to see who’s interested in using our job board, and we want that as partial payment for posting their job description on our website. We want that email to be captured. So, we wanna require their information to be here, so that’s why I’ve established this, to be first page is going to be all about the job listings. The second page will be the person posting the job listing. We wanna get their contact information, okay?
Alright, here comes the fun part. You ready for this? This is so much fun. I love Gravity Forms. I’m gonna slide off screen so you can just pay attention to what I’m doing over here, okay? We want to create the actual title of our post to be the actual job post title, alright? So how do we do that? We’re gonna go into this area that says post fields. We wanna grab the title post and put it at the very top, and we want to open that up, and we want to say Job Title. That’s all we want it to be, and we wanna require it, right? We wanna require this. What this is going to do is it’s going to create anything that they put, whoever fills out this form and types out this whole title of what this job is. It’s going to list it as the post title, so if the person filling this out says well, this is for, we’re specifically looking for a digital marketing specialist, they would type that in this field and dynamically, Gravity Forms would know this is our title of our post, okay? That’s how that works, and then, so we’ll zip that up. And then, what we wanna do is create the actual body. We’re still using this post field area here. This is how we create posts, so we’re gonna use body, and we can grab that and throw it right here, and for this area, we’re actually gonna name this Job Description. Okay?
You can already start to see this happening here. These aren’t normal fields that you would see inside of Gravity Forms. Only when you’re using this post fields area will you start to see cool stuff like this, but this is what I want you to check out. If you wanted this email to come to you and not be published right away on your website, you can set this post status to be draft mode, alright? Or pending review, right? If you wanted it to automatically be listed out on your website, you would set it to be in a published mode, so as soon as they click submit, it’s automatically listed on your website, right? That’s kinda cool, and then you can set it up to have different post authors, depending upon what you’d like. If you’d like to maybe set a generic one, that would be fine to set a generic one, then always have these by default be listed as the post author. The standard post format, this might vary depending upon your theme, but this is what you wanna do here, post category. Because we’re using, wrap your mind around this, because we’re using the post area of your website, which is, in a sense, the blog area of your website, right? You might have other things going on in there, so you need to create a category called job board or whatever you want this to be, and that’s what we need to set this to, so that this post specifically goes to the job board category area, okay?
Here comes the fun part. Now, we’ve got all that in place. How do we get it to actually display all this stuff in the correct order, and then, at the very bottom, have Joe Franklin on here? How do we get it to even look like this? You can actually set the HTML in here, the CSS styling, you can set it all in here right here, right now. So, I’m gonna slide off screen so you can pay attention to what I’m doing here. You’ve seen this. We are using the body field over here in the post fields area. We’re using this body field, okay? I want you to see this little tiny check box right here, create content template. We’re gonna open this up. Look at this, the goodies goodies. We wanna back this out, ’cause we don’t just want the job description to sit here. This body, this body field is what populates the body of the post, alright? This is what sits right here in this whole space, so we can, in a sense, go ahead and just grab all this. I’m gonna copy it onto my clipboard and come over to this area here and paste it, ’cause this is what we want it to ultimately look like, right? But, we don’t want it to fill in our dollar amount. We’re gonna back that out, and right there, we actually want to merge the tag that is salary, so up here at the very top, whatever salary field that they put in for this job description will dynamically immediately populate in this area right here.
Check that out. How cool is this? And then, city, we’re gonna do the same thing all the way down the line, okay? So we’ll back out our city, because not everybody’s gonna be in San Antonio, right? But we’ll wanna merge the tag for city, whatever they put in there, so now, automatically, it’s gonna fill in city, and so forth and so on all the way down the line, right? So we’ll back out Texas and we’re gonna put in state, right? There’s our state.
Okay, now, job description. We’re gonna back out this whole job description area, right? Back that out, and we wanna merge the tag field value of whatever they said here, and your name, prefix, prefix, I don’t see it. Hold that thought. Oh, there’s requirements. Those are optional fields. Okay, these might be optional fields. You know what we might need to do if it’s not actually sitting here? And this might be something that you run across, too. I’m glad this actually happened, ’cause I can show you. If your tag is not available in this merge tag area, go ahead and click update form for a second and let the system kinda catch up with what you’re doing, and then go back into that area and see if it’s there now, so job description, let’s see. Now, job title. There it is, right there, job description, and it’s also listed under the optional fields, which, with this, we would not want it to be optional. We would have wanted to set it to required, right? So that sits in there now. So now I’ve checked that out. This little bit of code right there tells Gravity Forms to display whatever value that person has put in and submitted to us, and then we’ll want it to have a horizontal rule, right? We want that line break in there. We wanna keep requirements in there to automatically display, and then we wanna take this out of whatever I said the requirements were, and we wanna drop in the dynamic field value of whatever they put in. You see how this works down the line? Kinda cool, huh? And you can literally put anything you wanted to in here, and that would automatically sit in that space, so send resume to, and then we’ll say your name, right? Because it was whatever they were gonna fill out. Your name and your last name. There you go. We’re gonna send resumes there, and then this is really fun tricky. Check this out. We want this to go mail to, we’re gonna back this out, and we’re gonna put email field in there, and then we want to list it again, right? Because we want it to actually be visible, so we’re gonna put the email field in two different spots. Isn’t that cool? How nerdy can you get? I love this. Alright, so all of that right there, basically, is what’s gonna create my post. I’m gonna click update form.
Alright, I know I’m staying on the screen a lot, but I want you guys to stay connected with us. Okay, so let’s go to a page really quickly and populate this form, and let’s test and see if we did all of this right. Who knows, right? Let’s go see. Let’s go add new, and we’re just gonna say testing job board, right? And then we’re gonna add our form, and this was just for demo purposes is what I titled my form, and I’m gonna insert form, okay? And I’m gonna slide off screen, ’cause let’s pay attention to what I’m doing here, and we’re just gonna save the draft for now, because I don’t really want this to be live just yet. We can test our form with it not being live just yet, so here’s our whole thing. Check this out, so our first step is job listing details. We fill out all this, and then we have to move on to our next step, so job listing details is let’s say this one’s gonna be for a WordPress Specialist, right? And then city, San Antonio. If I spelled it correctly, that would probably help my people find me better, and we’re gonna say $50,000 per year, and then we’re gonna say the great state of Texas, and requirements would be full knowledge of WordPress, right? So we’re gonna just fill all these in here so that we can get a quick idea, and then this would be, let me just grab this description here really quickly so I can just copy and paste something in here and populate this form really quickly. Now I can click next, and we’re gonna fill out our details here now, right? So your name. We’re gonna say Kori, and we’re gonna say email is kori@webtegrity, right? We’re gonna fill that in. Address is optional, so I’m gonna leave that alone for now and click submit. Alright, are you ready for this? Alright, so now what happens? That post, depending upon what status we put it in, that post either is now sitting as a draft mode. Let me move over here. We actually set it to be published. Look at that, so now I have a WordPress specialist published to my job boards, and it literally went live. Boom, it’s live on my website, so if I were to go back over here and go to our, let’s go to our, hold on, wait for it. Let’s go to our job board category.
Now, I should have two listings. Here’s our digital marketing that we had, and then here’s our other one, automatically published on our website. It doesn’t have a photo, because in my form, I didn’t put a field for them to add a photo, right? I didn’t do that, add an image. If you wanted to do that, and I knew that this would go way longer than 10 minutes, but if you’re really interested in that, watch this. What we would do is we would go back to the forms area, right? We’re gonna go back into our form and we’re gonna tell it to please add an image inside of there, and we can set it to be the featured image. We’re gonna use our post fields again. Slide off screen so you can just watch this. We want to use the post field that says post image, and I’m just gonna drop it in here, and we can say add an image. Add an image, and we’ll make it optional, of course, and if you wanted it to be set as the featured image, that’s the little box that you check right there. Whenever they upload an image, it would dynamically be sitting there as the featured image. If you didn’t want it to be a featured image ’cause you want uniformity in all of the job post listings and all you want is the title across there, you could still give them an option to add an image. You just would not set it as the featured image, right? You would not set it as the featured image, and what you’d do is you would bring it into your job description body area in here, job description, and maybe right here you would go ahead and add that image in there. Add an image, and then you’d be able to tell, look at this, you guys. You’re able to tell it whatever size. Again, that uniformity, right? Do you want it centered, do you want it left aligned, and so forth and so on, so that would actually sit right here. Add an image. If they uploaded an image, it would sit there beautifully inside the job listing. Ah, isn’t this incredible?
Get creative with how you can use this. If you want people to guest blog for you and you don’t wanna give them access to your dashboard area, create a form like this. Have them submit it. You can even require them to be logged in so that it actually assigns their username, their profile name, to their blog post. You can get creative and say hey, did you know that they can actually even fill out, check this out, if we wanted a drop down in here for them to fill out what industry this is in, you can open this up, and instead of spending time saying, you know, oh, filling out all the different industries, did you know you have a bulk add here? And you can come in here to industry and just say insert all the choices? There you go, look at that big long list. I didn’t have to type one thing. Couple of clicks and you’re done, and now they’re choosing what industry this job would apply to. Those could actually even be set as categories themselves.
Ah, just get creative. Have fun with this. I hope this is helpful. If you loved it, please leave a comment in the description box below, and always be sure to subscribe to our channel. Have a great one. We’ll see you next WordPress Wednesday. Bye bye, y’all.
