Custom Layouts with Shortcodes
Create custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below:
Basic knowledge of HTML is recommended
Basic Job Info
[cx_job_title]
[cx_organization]
[cx_work_location]
[cx_employment]
…
[cx_organization]
[cx_work_location]
[cx_employment]
…
Content Sections
[cx_intro_information]
[cx_vacancy_information]
[cx_requirements_information]
[cx_offer_information]
…
[cx_vacancy_information]
[cx_requirements_information]
[cx_offer_information]
…
HTML + Shortcode Example
<div class=”job-listing”>
<header class=”job-header”>
[cx_job_title container=”h1″ class=”job-title”]
<div class=”job-meta”>
[cx_organization] | [cx_work_location] | [cx_employment]
</div>
</header><div class=”job-content”>
<section class=”job-intro”>
[cx_intro_information heading=”h2″]
</section>
<header class=”job-header”>
[cx_job_title container=”h1″ class=”job-title”]
<div class=”job-meta”>
[cx_organization] | [cx_work_location] | [cx_employment]
</div>
</header><div class=”job-content”>
<section class=”job-intro”>
[cx_intro_information heading=”h2″]
</section>
<section class=”job-requirements”>
[cx_requirements_information container=”div” class=”requirements”]
</section>
</div>
<footer class=”job-footer”>
[cx_apply_button class=”apply-now-button”]
</footer>
</div>
Advanced Template Example
[cx_job_title container=”div” heading=”h1″]
[cx_organization class=”company-name”]
[cx_intro_information heading=”h2″]
[cx_requirements_information container=”div” class=”requirements”]
[cx_apply_button]
[cx_organization class=”company-name”]
[cx_intro_information heading=”h2″]
[cx_requirements_information container=”div” class=”requirements”]
[cx_apply_button]
Key Benefits
- Flexible layout with HTML + shortcodes
- Consistent styling across all vacancies
- SEO optimized
- Mobile-friendly layouts
- Easy maintenance with templating system
