Generic selectors
Exact matches only
Search in title
Search in content
Filter by Categories
Advanced Scripts
Amazon SES
Amazon Web Services
BasePress
Blocksy Theme
Brand Building
Bricks Builder
BunnyShell
Cloudflare
CSS
Digital Marketing
Elementor
Email Marketing
Entrepreneurship
Fluent CRM
Fluent Forms
Fluent SMTP
GoDaddy
Google Fonts
HTML
Hydrogen Pack
JavaScript
Jetpack
Kadence Theme
LiveCanvas
Meta Box
Online Business
Oxygen Builder
OxyMade
PHP
Piotnet Forms
Pods
SaaS
Scripts Organizer
Search Engine Optimization
Social Media Marketing
Swiss Knife
Web Design
Web Development
Web Strategy
WordPress
Work From Home
Zion Builder

Add Custom Fields to The Frontend Job Submission Page of WP Job Manager

Written by:
Mohammed Wasim Akram
First Published on:
April 15, 2020
Last Updated on:
June 21, 2021
Post Categories:
✼ Disclaimer: SyncWin is user-supported therefore this page may contain our affiliate links and if you purchase something using those links, we may get some commission without any additional cost to you. Click to Learn More.

Please note we want to keep things crystal clear that this page may contain some of our affiliate links. Also, we don't know, use or recommend every product we link to, so please do your due diligence before making your buying decision.

However, there are very few selected products that we trust, use, and recommend to our readers and community, and we always mention that on our website which you could also find on our dedicated Recommendation Page.

Hence, if you make a purchase using any of those links, then it is safe to assume that we might get a small amount of commission without any additional cost to you, which helps and encourages us to produce more helpful content like this for you.

Feel free to explore our Legal Policy Pages.

If you're using the WP Job Manager plugin for your job or any kind of listing site and looking for adding some custom fields on the frontend of the job submission page which is created using the [submit_job_form] default shortcode by WPJM then this post could be helpful for you.

In this post, I am going to share with you a few custom-written PHP codes to add a custom text field to the job submission page of WP Job Manager.

You can add those code within your functions.php file using your theme editor or you can use a plugin like Code Snippets if you don't want to mess with the backend codes of the funtions.php file.

Add A Custom Text Field

To add a custom text field on the job submission page you would need to add this code to your website and in this section, I'll teach you how to customize the custom text field as per your requirement.

add_filter( 'submit_job_form_fields', 'frontend_add_Custom_Text_field' );
 function frontend_add_Custom_Text_field( $fields ) {
 $fields['company']['Custom_Text'] = array(
 'label' => __( 'Custom Text (Optional)', 'job_manager' ),
 'type' => 'text',
 'required' => false,
 'placeholder' => 'e.g. Add anything You Want',
 'priority' => 1,
 );
 return $fields;
 }

Step 1:

See carefully the very first line of the code where I have highlighted the text "Custom_Text" you just need to replace that thing with your own text, as for example; add_filter( 'submit_job_form_fields', 'frontend_add_Date_of_Birth_field' );

Step 2:

Then you also need to replace the text from the second line of the code. As for example; function frontend_add_Date_of_Birth_field( $fields ) {

Step 3:

Then you need to change the same text on the third line of the code. As for example; $fields['company'][' Date_of_Birth '] = array(

One thing to keep in mind, if you add the field on the job application section then you just need to replace the company word from job word in this line that's it. As for example;
$fields[' job '][' Date_of_Birth '] = array(

Step 4:

Then on the fourth line also you need to replace the text from your own text as it's a label and will be visible on the front page thus you also should mention if the field is Required or Optional within the bracket.

As for example; 'label' => __( 'Date of Birth (Optional)', 'job_manager' ),

Step 5:

Then the next thing is to leave the 5th line of the code as it is because we are creating a custom text field thus it would be as text.

As for example; 'type' => 'text',

Step 6:

The 6th line should be left as it is if you want to keep this field optional but if you want to make this field required then you need to replace the word false with true.

As for example; 'required' => true,

Step 7:

The 7th line of the code is for placeholder so you can add whatever you want to add on the placeholder like in this placeholder you can indicate the format of date of birth.

As for example; 'placeholder' => 'e.g. 01.01.1990',

Step 8:

Then in the 8th line of the code to select the priority or the position of the field on the page, like as you want to keep it on the top or in the below that you can decide in this line.

Here you just need to replace the number with your own number, suppose you want to keep this field in the below after 9 other fields then you have to replace the 1 with 10 on this line of code.

As for example; 'priority' => 10,

Conclusion

Nothing more you have to do once you have followed and make exact changes as I taught in this article.

Leave the rest of the code as it is and don't change any single thing from this code otherwise nothing will work.

Once you have made the changes now you are ready to go, just add the code within your website using the functions.php or Code Snippets plugin and your custom text field is ready and live.

I hope I have able to solve your problem regarding the adding custom text field on the job submission page of WP job manager plugin.

If you face any difficulties to use this code then feel free to share your feedback on the comment box below or if you want me to add the custom fields for you then you can hire me for this job.

Become an Insider to Syncronize with Web-Success.

email Newsletter
Facebook Group
Subscribe to our newsletter to get insider wisdoms.
Join our community to connect with likeminded folks.
Join FB Group

Related Resource Posts

August 11, 2020
How To Create A Beautiful Sidebar in Oxygen [Step by Step]

If you're new to Oxygen Builder then you must be confused about how to set up a sidebar as there is no such option available, therefore in this post, I am going to teach you to set up and design a sidebar in Oxygen step by step.

Read More
August 21, 2020
Disable Auto-Update Email Notifications in WordPress V5.5+

If you're annoyed with the auto-update email notifications, then in this post I am going to share step by step method to disable those auto-update email notifications using code snippets for WordPress beginners.

Read More
1 2 3 8

Leave Your Feedback

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Blog Categories

Favorite Products

WordPress Support - Sidebar Widget Ad Banner Image - SyncWin
SyncWin Community Group Ad Banner Image - SyncWin
Top menu-circlecross-circlechevron-down-circle
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram