Thread: Enhancing the contact form in JobRoller

January 21st, 2013 #1

domino1957

Thread Starter

Join Date

Apr 2012

Location

Switzerland, The Net

Posts

779

Thanks

29

Thanked 120 Times in 99 Posts

Enhancing the contact form in JobRoller
I have seen this come up as a request a number of times, but to my knowledge, no one has written up a solution so far.

Today, I will start with something rather simple, adding a dropdown list of options that I have labelled "Type of Message". By that I mean that the person completing the form should be able to tell the recipient (webmaster in most cases) into what category his or her message falls: tech issues, bug reports, website content or other. So, here we go:

As I am sure you already know, the form is generated in a file called tpl_contact.php that can be found in the theme folder. Open up this file in your preferred editor (Notepad, TextEdit or a dedicated html-editor are all fine - MS Word is not)

First, let's take care of the HTML part, that is what your form will look like in the front-end. Scroll to the very bottom of the file to find the following lines:

PHP Code:

                                         <form method="post" action="<?php echo get_permalink($post->ID); ?>" class="main_form">                         <p><label for="your_name"><?php _e('Your Name/Company Name', APP_TD); ?> <span title="required">*</span></label> <input type="text" class="text" name="your_name" id="your_name" value="<?php if (isset($posted['your_name'])) echo $posted['your_name']; ?>" /></p>                         <p><label for="email"><?php _e('Your email', APP_TD); ?> <span title="required">*</span></label> <input type="text" class="text" name="email" id="email" value="<?php if (isset($posted['email'])) echo $posted['email'];     ?>" /></p>                         <p><label for="message"><?php _e('Message', APP_TD); ?> <span title="required">*</span></label> <textarea name="message" id="message" cols="60" rows="8"><?php if (isset($posted['message'])) echo $posted['message'];     ?></textarea></p>                         <p class="button"><input type="submit" name="submit-form" class="submit" id="submit-form" value="<?php _e('Submit', APP_TD); ?>" /><input type="text" name="honeypot" value="" style="position: absolute; left: -999em;" title="" /></p>                     </form>

Insert the HTML code for the drop-down list of types of message:

PHP Code:

                                         <form method="post" action="<?php echo get_permalink($post->ID); ?>" class="main_form">                         <p><label for="your_name"><?php _e('Your Name/Company Name', APP_TD); ?> <span title="required">*</span></label> <input type="text" class="text" name="your_name" id="your_name" value="<?php if (isset($posted['your_name'])) echo $posted['your_name']; ?>" /></p>                         <p><label for="email"><?php _e('Your email', APP_TD); ?> <span title="required">*</span></label> <input type="text" class="text" name="email" id="email" value="<?php if (isset($posted['email'])) echo $posted['email'];     ?>" /></p> <?php /* === msg_type options inserted 20130121 by XXX === */ ?>                         <p><label for="msg_type"><?php _e('Type of Message', APP_TD); ?><span title="required">*</span></label>                             <select name="msg_type">                               <option value="1_tech_issue"><?php _e('Technical Issue', APP_TD); ?></option>                               <option value="2_bug_report"><?php _e('Bug Report', APP_TD); ?></option>                               <option value="3_content"><?php _e('Problematic content', APP_TD); ?></option>                               <option selected value="4_other"><?php _e('Other', APP_TD); ?></option>                             </select></p>                         <p><label for="message"><?php _e('Message', APP_TD); ?> <span title="required">*</span></label> <textarea name="message" id="message" cols="60" rows="8"><?php if (isset($posted['message'])) echo $posted['message'];     ?></textarea></p>                         <p class="button"><input type="submit" name="submit-form" class="submit" id="submit-form" value="<?php _e('Submit', APP_TD); ?>" /><input type="text" name="honeypot" value="" style="position: absolute; left: -999em;" title="" /></p>                     </form>

Next, we need to tell our system about the new possibilities. For this, we go back to the top of the file.
Find this:

PHP Code:

        // Get post data         $posted = array();         $posted['your_name'] = $_POST['your_name'];         $posted['email'] = $_POST['email'];         $posted['message'] = $_POST['message'];         $posted['spam-trap'] = $_POST['honeypot'];         $loc_keys = array(             'your_name' => __( 'Name', APP_TD ),             'email' => __( 'Email', APP_TD ),             'message' => __( 'Message', APP_TD ),             'spam-trap' => __( 'Spam-Trap', APP_TD ),         );

Replace it with:

PHP Code:

        // Get post data         $posted = array();         $posted['your_name'] = $_POST['your_name'];         $posted['email'] = $_POST['email'];         $posted['msg_type'] = $_POST['msg_type'];                         //inserted msg_type 20130121 by XXX         $posted['message'] = $_POST['message'];                                    $posted['spam-trap'] = $_POST['honeypot'];         $loc_keys = array(             'your_name' => __( 'Name', APP_TD ),             'email' => __( 'Email', APP_TD ),             'msg_type' => __('Message Type', APP_TD),                     //inserted msg_type 20130121 by XXX             'message' => __( 'Message', APP_TD ),             'spam-trap' => __( 'Spam-Trap', APP_TD ),         );

Finally, we need to make certain the person completing the form on our website makes use of the drop-down list.
Find this:

PHP Code:

        $required = array('your_name', 'email', 'message');   //inserted msg_type 20130121 by XXX

Replace it with:

PHP Code:

        $required = array('your_name', 'email', 'message', 'msg_type');   //inserted msg_type 20130121 by XXX

And that's it - demonstrating the basics of how to enhance the contents of our contact form.

samcy likes this.

Reply With Quote
The Following 2 Users Say Thank You to domino1957 For This Useful Post:

aglionep (April 8th, 2013), rems (May 11th, 2014)

« Hide Latest Jobs & RSS Icon | missing function in Update »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

Jomark SPAM Contact Form with Jobroller

By johnjohnjohn in forum Report JobRoller Bugs

Replies: 17
Last Post: June 3rd, 2013, 10:22 AM
Dimitris Contact form in JobRoller 1.6.5

By domino1957 in forum Report JobRoller Bugs

Replies: 13
Last Post: March 10th, 2013, 02:51 PM
JobRoller: Trying to extend Contact form. Need Help!

By istorm in forum JobRoller General Discussion

Replies: 0
Last Post: March 29th, 2012, 06:44 AM
Contact form not working - jobroller

By varoon10 in forum Report JobRoller Bugs

Replies: 4
Last Post: June 17th, 2011, 08:36 AM
Contact form not working on Jobroller

By beckett00 in forum Report JobRoller Bugs

Replies: 1
Last Post: March 17th, 2011, 07:25 PM

Important Notice

Thread: Enhancing the contact form in JobRoller

Thread Tools

Search Thread

Enhancing the contact form in JobRoller

The Following 2 Users Say Thank You to domino1957 For This Useful Post:

Thread Information

Users Browsing this Thread

Similar Threads

Jomark SPAM Contact Form with Jobroller

Dimitris Contact form in JobRoller 1.6.5

JobRoller: Trying to extend Contact form. Need Help!

Contact form not working - jobroller

Contact form not working on Jobroller