Skip to main content

How to Create a Website Using Recruit Craft

This article explains how to create and customize a website from scratch using Recruit Craft.

Written by Dia Shukla

What this feature does and when to use it

Recruit Craft allows you to create and customize a website from scratch without any coding. You can start a new project using either a blank canvas or a pre-built template, then personalize it by editing pages, updating text and styling, adding sections and elements, and creating additional pages beyond the default homepage, job listing, and job description pages.

Use this feature when:

  • You want to build a new website using Recruit Craft.

  • You want to launch a website quickly by customizing an existing template.

  • You need full control over your website's content, layout, styling, and navigation.

  • You want to create additional pages to expand your website beyond the default pages


Step-by-step instructions


1. Create a new website project

Log in to Recruit Craft and navigate to the Projects page. Click + Project in the top right corner, select Build Full Website, then choose one of the following:

  • Blank Project to build your website from scratch.

  • Template to start with a pre-designed website that you can customize.

If you're using a template, click View to preview it, then select Edit Template to begin customizing it.

2. Edit your website pages

Use the page navigation within the editor to switch between the Homepage, Job Listing, Job Description, About Us, or any other page you want to customize.

Every part of a page is editable. Simply click the element you want to modify, such as text, an image, a button, or another component. Once selected, the relevant configuration options will appear in the panel on the right.

From the right-hand panel, you can customize the selected element based on its type. For example, when editing a text element, you can modify options such as:

  • Font and font weight

  • Text size and alignment

  • Colors and styling

  • Letter and line spacing

  • Width and height

  • Links and button redirects


Other elements, such as images, buttons, sections, or forms, display their own configuration options, allowing you to customize their appearance and behavior.

Review the page after making your changes to ensure the content, layout, and styling appear as expected.

3. Add elements to a page

To add new content to a page, open Elements from the left-hand panel and select the component you want to insert. Recruit Recruit Craft offers a variety of elements, including:

  • Text (H1 to H6 headings and paragraph text)

  • Buttons

  • Images

  • Forms

  • Videos

  • Lines and dividers

  • Social icons

  • Custom HTML for embedding custom code or iframes

After adding an element, click it to customize its appearance and behavior using the right-hand panel. Depending on the element type, you can configure options such as:

  • Size, style, and alignment

  • Colors and backgrounds

  • Width, height, padding, and spacing

  • Button styles

  • Links and redirect URLs

  • Image styling

  • Layout settings

  • Other advanced properties specific to the selected element

  • Form layouts and field configuration

  • Video playback settings

  • Other advanced properties specific to the selected element

Note: The available customization options vary depending on the selected element. For example, forms allow you to configure fields, layouts, and submission behavior, while videos provide playback and display settings.

4. Add sections to a page

To quickly build your page layout, open Sections from the left-hand panel and drag the section you want onto your page. Recruit Craft includes several pre-built sections, including layouts with ready-to-use form components, such as:

  • Flexbox

  • Grid

  • Spacer

  • Header

  • Footer

  • Hero

  • Testimonials

  • FAQs

  • About Us

  • Banner

  • Block Quote

  • Custom HTML

  • Form

These ready-to-use sections include predefined layouts, making it easy to build pages without creating every section from scratch.

Once a section has been added, you can:

  • Reorder it anywhere on the page

  • Edit the section's layout and design

  • Modify individual elements within the section

  • Change text, colors, spacing, backgrounds, images, and links

  • Add your own elements to Grid or Flexbox sections

If you prefer to create a completely custom layout, start with a Grid or Flexbox section and build it by adding elements manually.

5. Customize the default pages

Repeat the same editing process for the Job Listing and Job Description pages by updating their content, layout, elements, and sections. Review each page to ensure the design and navigation remain consistent across your website, and save your changes regularly.

6. Add additional pages

To create pages beyond the default ones, open Pages from the left-hand panel and click Add New Page. Enter a name for the page, then customize its content, layout, and design using the same editing tools available throughout the website editor.


FAQs


Can I add a contact form to my website?

Yes. You can add a Form element from the Elements panel or use a pre-built section that includes a form. Forms support multiple layouts and allow you to collect visitor information directly from your website.

What fields can I add to a form?

Forms support Text, Email, and Phone fields. Every form must include at least one field and a Submit button. First Name and Email are required for a successful submission.

Can form submissions create records in Recruit CRM?

Yes. You can choose to automatically create a Contact record in Recruit CRM for each form submission. The submitted First Name, Email, and Phone are mapped to the corresponding Contact fields, and the submitted message is saved as a note. If a Contact with the same email address already exists, the submission is added to the existing Contact instead of creating a duplicate.

Will I receive notifications when someone submits a form?

Yes. Recruit Craft sends an email notification to the email address associated with your Recruit Craft account whenever a website visitor submits a form.

Can I add videos to my website?

Yes. The Video element lets you upload videos directly from your device or embed videos using YouTube, Vimeo, or Loom links. Uploaded videos are stored for reuse, similar to uploaded images.

Which video formats are supported?

You can:

  • Upload MP4 and WebM videos.

  • Embed videos from YouTube, Vimeo, and Loom.

Unsupported links display an error prompting you to upload a video or use a supported provider.

Can I customize how videos play?

Yes. You can configure:

  • Autoplay

  • Loop

  • Mute

  • Show or hide controls

  • Poster (thumbnail) image

  • Size, spacing, positioning, and styling

When Autoplay is enabled, Mute is automatically enabled because most browsers require autoplay videos to be muted.

Why are some playback settings unavailable for Loom videos?

Due to limitations of the Loom player, the Loop and Show Controls settings are not available for embedded Loom videos.

Did this answer your question?