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.

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.
​