Your careers page is often the first impression candidates have of your company. With Recruit Craft’s Website Editor, you can easily design and customize a page that reflects your brand and helps attract the right talent.
​

The editor allows you to mix and match templates, preview your design on different devices, and control how job listings appear, all without needing any technical skills. Let’s explore how you can make the most of it.

Log in to Recruit Craft and open the Projects page. Click Build from Scratch, select Build only Career Page Site, and click Next. Choose one of the career page templates: Lavender Leap, Crimson Clue, Slate Search, Silver Search, Spectrum Search, or Golden Groove.

To build a full website that includes career pages, select Build Full Website instead.

Use the Page dropdown at the top of the canvas to switch between Job List, Job Description, and Job Application Form. You can also open Pages from the left panel, where the career pages are grouped under Job.

📌 Please note: In Full Website projects, the header and footer are shared across every page and can only be edited from the Home page.

Click any section or element to open its settings in the right panel. Design controls include width and height, flow and gap, padding, borders, backgrounds and gradients, shadows, and effects.

Open Sections from the left panel and drag any section onto the page, such as Hero, Testimonials, FAQs, About Us, or Banner.

You can also add elements inside hero sections, banners, and widgets. Elements can’t be added inside the search bar, filters, job cards, or the job description section.

The hero section on the Job List page is fully editable. You can restyle it, add elements to it, copy it, or delete it like any other section.

Click the job list on the Job List page to open Job List Section Settings:

You can display the total number of available jobs on your Job Listing page. When enabled, candidates will see a count such as “Showing 25 jobs.” The count updates automatically when candidates apply a search or filters, so they can immediately see how many roles match their criteria.

📌 Please note: The Job Count setting is off by default for both new and existing templates.

Click any job card to open Job Card Settings. Any change you make to one card applies to every card, so your job list always looks consistent. You’ll see this message at the top of the settings: “Any updates will be applicable to all cards.”

To style a specific part of the card, such as the job title, tags, or Apply Now button, click that element directly. These changes also apply to the same element on every card. For example, add a Hover Effect to the tags so they change color when a candidate points at them.

From Job Card Settings, you can also choose what each card shows:

If a job doesn’t have a value for a field you’ve turned on, that element is hidden on that job’s card only. It never appears blank.

📌 Please note: Elements can’t be added to, removed from, or rearranged within a job card.

Your Job List page offers two filter layouts:

To switch layouts, open Sections → Filters and drag the layout you want onto the page. It replaces the current filters. With side aligned filters, set the filter column’s Width to control how much space it takes up.

To style the filters:

You can also enable additional filtering options to help candidates find relevant roles faster. For example, a Salary Range filter allows candidates to set a minimum and/or maximum salary range while browsing jobs on the career page. This filter appears only if the Salary field is mapped in the filter configuration. When a salary filter is applied, jobs that do not have salary information will be excluded from the results.

Select Job Description from the Page dropdown.

Select Job Application Form from the Page dropdown.

Use the Desktop, Tablet, and Mobile controls in the top toolbar to check how your career pages look on each screen size. When you’re happy with them, click Save, then Publish.

These elements keep your career pages working with live job data. You can restyle all of them, but they can’t be deleted, copied, or moved within the page:

Dragging a fixed element from Sections, such as a different Filters or Job Cards layout, replaces the current one instead of adding a second.

Recruit Craft lets you design every part of your career pages, so your job list, job descriptions, and application form match your brand while job details stay in sync with Recruit CRM.

Still need help? Use the chat icon at the bottom right of your screen to message us, and one of our product specialists will help you.

Start by selecting a pre-designed template that best represents your company’s look and feel. Each template provides a strong foundation, making it easy to create a polished, well-structured careers page.

After choosing a template, you can start personalizing every section of your careers page. The modular structure of the editor gives you complete control over each element, allowing you to create a page that looks and feels exactly the way you want it to.

When you open the editor, you’ll notice that the workspace is divided into two main parts. The left panel is where you navigate between different components on your page, while the right panel is where you make all your edits and adjustments. This layout keeps everything organized, so you can easily move through your page and make changes without switching screens.

The Elements panel on the left displays all the components that make up your selected page. This is where you’ll find sections like the navigation bar, hero banner, job cards, and more. When you click on a specific element, the panel will automatically show you the available settings and configuration options for that section.

Each element has its own unique configuration settings, so it’s normal if one section offers certain options that others do not. For instance, one component might allow you to add a background image, while another might let you upload an SVG or adjust layout properties.

To start making changes, simply hover over the element and click Edit. This opens a detailed view where you can modify that specific component.

Within the right panel, you’ll find two main tabs that help you organize your work -

The Configure tab lets you control how the element functions, such as field mappings, visibility, or content settings.

The Design tab focuses on how the element looks, allowing you to adjust the layout, font styles, colors, and backgrounds.

This clean, intuitive setup ensures that you can easily locate every tool and option you need, making it simple to fine-tune each part of your careers page until it perfectly represents your brand.

Here’s what you can customize:

Add your company logo to the navigation bar and customize the sign-up button to align with your brand’s style. You can adjust the colors, fonts, and layout to ensure it blends seamlessly with the rest of your website.
​

You can also change the height of the navigation bar using a simple slider. The height can be adjusted from 72 px up to 82 px; this helps achieve a more balanced and visually appealing header layout. As you adjust the navigation bar height, the logo automatically resizes as well, ensuring it looks more prominent while keeping the layout clean and well balanced.

You can also make the company logo in the navigation bar clickable by adding a custom link to it. This allows you to direct candidates to a specific destination, such as your company website or a social page, when they click on the logo. The link can be updated at any time, giving you flexibility to change where the logo redirects without altering the design of the navigation bar.

While uploading the logo, you can zoom in or out, rotate, and crop it as needed. This makes it easier to fit the logo correctly and match your branding requirements without having to edit the image elsewhere.
​

Choose the perfect top section for your careers page from multiple layout options. You can mix and match designs from different templates to create your dream page. Adjust the font and color scheme to reflect your brand identity and make a strong first impression.
​

Decide how you want your job filters to appear on the page. You can set their color, font, and position to make the filtering process smooth and visually appealing for visitors.
​

You can also enable additional filtering options to help candidates find relevant roles faster. For example, a Salary Range filter allows candidates to set a minimum and/or maximum salary range while browsing jobs on the career page. This filter appears only if the Salary field is mapped in the filter configuration. When a salary filter is applied, jobs that do not have salary information will be excluded from the results.

Control how your open job listings are displayed. You can modify the layout, font, and color of job cards to make them stand out while maintaining a clean and professional look.
​

You can also choose to display salary information on job cards to give candidates clearer visibility into compensation details. The salary values are automatically formatted for better readability and follow the appropriate numbering format based on the currency used.

How salary is displayed on job cards

Salary values automatically include separators for better readability (for example, 700000 → 700,000). Indian currency values follow the Indian numbering format (for example, 700000 → 7,00,000).

The salary frequency shown on the job card reflects the actual pay frequency configured in Recruit CRM, such as:

• Hourly
• Monthly
• Yearly

Controlling salary visibility

You can enable or disable salary visibility using the Salary Range toggle in the editor.
​

You can choose to display the Job ID on your job description pages by enabling the Show Job ID toggle in the Job Description page settings. Once enabled, the Job ID appears on the job description page, making it easier to reference specific job openings.

You can display the total number of available jobs on your Job Listing page. When enabled, candidates will see a count such as “Showing 25 jobs.” The count updates automatically when candidates apply a search or filters, so they can immediately see how many roles match their criteria.
​

📌 Please note: The Job Count setting is off by default for both new and existing templates.
​

Customize the top section of your job description page just like the hero section. You can select from different layouts, mix and match styles, and personalize fonts and colors to keep your careers page consistent across every section.
​

This modular approach gives you full creative freedom to design a page that perfectly matches your brand and helps candidates navigate easily.

The editor lets you see your changes instantly through a real-time preview feature.

You can also toggle to Mobile Preview to check how your careers page looks on mobile devices, ensuring a great experience for all visitors.

The Recruit Craft Website Editor gives you everything you need to design a careers page that feels authentic to your company. With its flexible templates, live previews, and easy-to-use components, creating a modern, mobile-friendly page has never been simpler.
​