\n
![\"Salesforce](\"https:\/\/sfplugin.com\/docs\/wp-content\/uploads\/2026\/01\/Salesforce-Job-Posting-WordPress-1024x513.png\")
<\/a>We are going to create two simple pages:<\/p>\n
- \n
- The Job Board:<\/strong> A list of all open positions with “View Details” links.<\/li>\n
- The Job Detail Page:<\/strong> A page that automatically fills with the specific Job Title, Description, and City based on which job was clicked.<\/li>\n<\/ul>\n
\n2. Step 1: Create the Job Board (The List)<\/h2>\n
On your main “Careers” page, you\u2019ll want a clean table of jobs. Paste the following shortcode into your WordPress editor.<\/p>\n
<\/p>\n
[showsforce fields=\"Job_Title__c, City__c\" o=\"Job_Object__c\" limit=\"10\" search=\"on\"]<\/pre>\n
<\/p>\n
You also use the Add New Layout<\/strong> feature from the plugin to generate your shortcode with desired fields and filters.<\/p>\n
![\"Add](\"https:\/\/sfplugin.com\/docs\/wp-content\/uploads\/2018\/08\/Install-Salesforce-Plugin-for-WordPress.png\")
<\/p>\nThe Sawfish plugin shortcode lists the Job listing records in a neat searchable table. You can also add filters to only shows the jobs you want.<\/p>\n
This script after it makes the rows “clickable” so users can jump to the full description. Note how it’s set to navigate to \/job-details<\/strong> page. You can set any value here, as long as it’s consistent everywhere.<\/p>\n
The Redirect Script & Table<\/h3>\n
[showsforce fields=\"Job_Title__c, City__c\" o=\"Job_Object__c\" limit=\"10\" search=\"on\"]\r\n\r\n<script type=\"text\/javascript\">\r\nwindow.onload = function() {\r\n jQuery(document).on('click', '.sforc-row', function () {\r\n \/\/ This sends the user to your detail page with the Job ID attached\r\n var recordId = jQuery(this).attr('data-sforclink');\r\n window.location.href = window.location.origin + \"\/job-details\/?sId=\" + recordId;\r\n });\r\n};\r\n<\/script>\r\n\r\n<\/pre>\n
\n![\"Job](\"https:\/\/sfplugin.com\/docs\/wp-content\/uploads\/2026\/01\/Show-Job-Detail-Page-in-Salesforce-WordPress-Website-1024x678.png\")
Featured: Western Healthcare, a leading healthcare staffing firm offering opportunities in all 50 states<\/figcaption><\/figure>\n 3. Step 2: Create the Job Detail Page<\/h2>\n
Create a new page in WordPress with the URL slug job-details<\/strong>. This page acts as a Job Details section that changes its content depending on which job was selected. It can show Long Text and Rich Text fields.<\/p>\n
Paste this shortcode into the page:<\/p>\n
[sectionsforce o=\"Job_Object__c\" filter=\"Id='{!sId}'\"]\r\n \r\n <h1>{!Job_Title__c}<\/h1>\r\n <h3>Location: {!City__c}<\/h3>\r\n \r\n <hr \/>\r\n \r\n <h4>About the Role<\/h4>\r\n <div class=\"job-description\">\r\n {!Job_Description__c}\r\n <\/div>\r\n\r\n[\/sectionsforce]\r\n<\/pre>\n
\n4. How it Works<\/h2>\n
- \n
- The Filter:<\/strong> The
filter=\"Id='{!sId}'\"<\/code> part is the secret sauce. It looks at the URL (thesId<\/code> we sent from the first page) and tells Salesforce: “Only show the data for this specific job ID.”<\/li>\n- The Fields:<\/strong> Using
{!FieldName}<\/code> allows you to drop Salesforce data right into your layout like a Salesforce Email template.<\/li>\n<\/ul>\n5. Further Enhancements<\/h2>\n
Yes, you can also add a form here so your candidates can submit their information. Check out the post below to see how you can add a form.<\/p>\n
- The Fields:<\/strong> Using
- The Job Detail Page:<\/strong> A page that automatically fills with the specific Job Title, Description, and City based on which job was clicked.<\/li>\n<\/ul>\n