Filters

Allow SmartFeed Job Alerts help your future employees to subscribe to jobs that bespoke to them.

Category

Subscribe to jobs by categories

To enable this feature, you need to add the following data attribute:

• job-alerts-categories
• job-alerts-category-option
• job-alerts-category-input
• job-alerts-category-label

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-categories"

data-sf="job-alerts-categories" // Parent
    data-sf="job-alerts-category-option" // Child
        data-sf="job-alerts-category-input" // Child & Parent
        data-sf="job-alerts-category-label" // Child & Parent

SmartFeed will then grab all the companies categories from HR Recruit and display them in the Job Alerts form.

Example!

<div data-sf="job-alerts-categories">
    <div data-sf="job-alerts-category-option">
        <input
            type="checkbox"
            data-sf="job-alerts-category-input"
        >
        <label data-sf="job-alerts-category-label">
            All
        </label>
    </div>
</div>

http://localhost:3000

All

Marketing and advertising

Education

Manufacturing

---

Contract Term

Subscribe to jobs by Contract Terms

All available contract terms are:

• All
• Full Time
• Part Time
• Term Time
• Variable Hours
• Sessional
• Fractional Hours

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-contracts"

data-sf="job-alerts-contracts" // Parent
    data-sf="job-alerts-contract-option" // Child
        data-sf="job-alerts-contract-input" // Child & Parent
        data-sf="job-alerts-contract-label" // Child & Parent

Each contract terms requires the data-sf="job-alerts-contract-input" and data-sf="job-alerts-contract-label" data attributes, wrapped in a data-sf="job-alerts-contract-option" data attribute.

Pick from the list of contract terms and add them to your Job Alerts form.

All

Subscribe to all contract terms

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-All" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="All"
    >
    <label
        for="contract-All" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    All
    </label>
</div>

note

If you want to subscribe to all contract terms, you need to set the value of the input to All

---

Full Time

Subscribe to Full Time contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-FullTime" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Full Time"
    >
    <label
        for="contract-FullTime" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Full Time
    </label>
</div>

note

If you want to subscribe to full time contract terms, you need to set the value of the input to Full Time

---

Part Time

Subscribe to Part Time contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-PartTime" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Part Time"
    >
    <label
        for="contract-PartTime" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Part Time
    </label>
</div>

note

If you want to subscribe to part time contract terms, you need to set the value of the input to Part Time

---

Term Time

Subscribe to Term Time contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-TermTime" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Term Time"
    >
    <label
        for="contract-TermTime" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Term Time
    </label>
</div>

note

If you want to subscribe to term time contract terms, you need to set the value of the input to Term Time

---

Variable Hours

Subscribe to Variable Hours contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-VariableHours" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Variable Hours"
    >
    <label
        for="contract-VariableHours" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Variable Hours
    </label>
</div>

note

If you want to subscribe to variable hours contract terms, you need to set the value of the input to Variable Hours

---

Sessional

Subscribe to Sessional contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-Sessional" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Sessional"
    >
    <label
        for="contract-Sessional" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Sessional
    </label>
</div>

note

If you want to subscribe to sessional contract terms, you need to set the value of the input to Sessional

---

Fractional Hours

Subscribe to Fractional Hours contract term

Example!

<div data-sf="job-alerts-contract-option">
    <input
        id="contract-FractionalHours" // This isn't required
        type="checkbox"
        data-sf="job-alerts-contract-input"
        value="Fractional Hours"
    >
    <label
        for="contract-FractionalHours" // This isn't required
        data-sf="job-alerts-contract-label"
    >
    Fractional Hours
    </label>
</div>

note

If you want to subscribe to fractional hours contract terms, you need to set the value of the input to Fractional Hours

---

Industry

Subscribe to jobs by industries

To enable this feature, you need to add the following data attribute:

• job-alerts-industries
• job-alerts-industry-option
• job-alerts-industry-input
• job-alerts-industry-label

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-industries"

data-sf="job-alerts-industries" // Parent
    data-sf="job-alerts-industry-option" // Child
        data-sf="job-alerts-industry-input" // Child & Parent
        data-sf="job-alerts-industry-label" // Child & Parent

SmartFeed will then grab all the companies industries from HR Recruit and display them in the Job Alerts form.

Example!

<div data-sf="job-alerts-industries">
    <div data-sf="job-alerts-industry-option">
        <input
            type="checkbox"
            data-sf="job-alerts-industry-input"
        >
        <label data-sf="job-alerts-industry-label">
            All
        </label>
    </div>
</div>

http://localhost:3000

All

Marketing and advertising

Education

Manufacturing

---

Job Type

Subscribe to jobs by Job Types

All available job types are:

• All
• Permanent
• Contract
• Temporary
• Casual
• Bank
• Fixed Term
• Full Time
• Contractor
• Self Employed
• Apprenticeship
• Voluntary
• Placement

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-job-types"

data-sf="job-alerts-job-types" // Parent
    data-sf="job-alerts-job-type-option" // Child
        data-sf="job-alerts-job-type-input" // Child & Parent
        data-sf="job-alerts-job-type-label" // Child & Parent

Each job type requires the data-sf="job-alerts-job-type-input" and data-sf="job-alerts-job-type-label" data attributes, wrapped in a data-sf="job-alerts-job-type-option" data attribute.

Pick from the list of job types and add them to your Job Alerts form.

All

Subscribe to all job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-All" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="All"
    >
    <label
        for="jobType-All" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    All
    </label>
</div>

note

If you want to subscribe to all job types, you need to set the value of the input to All

---

Permanent

Subscribe to Permanent job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Permanent" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Permanent"
    >
    <label
        for="jobType-Permanent" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Permanent
    </label>
</div>

note

If you want to subscribe to permanent job types, you need to set the value of the input to Permanent

---

Contract

Subscribe to Contract job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Contract" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Contract"
    >
    <label
        for="jobType-Contract" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Contract
    </label>
</div>

note

If you want to subscribe to contract job types, you need to set the value of the input to Contract

---

Temporary

Subscribe to Temporary job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Temporary" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Temporary"
    >
    <label
        for="jobType-Temporary" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Temporary
    </label>
</div>

note

If you want to subscribe to temporary job types, you need to set the value of the input to Temporary

---

Casual

Subscribe to Casual job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Casual" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Casual"
    >
    <label
        for="jobType-Casual" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Casual
    </label>
</div>

note

If you want to subscribe to casual job types, you need to set the value of the input to Casual

---

Bank

Subscribe to Bank job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Bank" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Bank"
    >
    <label
        for="jobType-Bank" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Bank
    </label>
</div>

note

If you want to subscribe to bank job types, you need to set the value of the input to Bank

---

Fixed Term

Subscribe to Fixed Term job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-FixedTerm" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Fixed Term"
    >
    <label
        for="jobType-FixedTerm" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Fixed Term
    </label>
</div>

note

If you want to subscribe to fixed term job types, you need to set the value of the input to Fixed Term

---

Full Time

Subscribe to Full Time job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-FullTime" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Full Time"
    >
    <label
        for="jobType-FullTime" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Full Time
    </label>
</div>

note

If you want to subscribe to full time job types, you need to set the value of the input to Full Time

---

Contractor

Subscribe to Contractor job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Contractor" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Contractor"
    >
    <label
        for="jobType-Contractor" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Contractor
    </label>
</div>

note

If you want to subscribe to contractor job types, you need to set the value of the input to Contractor

---

Self Employed

Subscribe to Self Employed job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-SelfEmployed" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Self Employed"
    >
    <label
        for="jobType-SelfEmployed" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Self Employed
    </label>
</div>

note

If you want to subscribe to self employed job types, you need to set the value of the input to Self Employed

---

Apprenticeship

Subscribe to Apprenticeship job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Apprenticeship" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Apprenticeship"
    >
    <label
        for="jobType-Apprenticeship" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Apprenticeship
    </label>
</div>

note

If you want to subscribe to apprenticeship job types, you need to set the value of the input to Apprenticeship

---

Voluntary

Subscribe to Voluntary job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Voluntary" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Voluntary"
    >
    <label
        for="jobType-Voluntary" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Voluntary
    </label>
</div>

note

If you want to subscribe to voluntary job types, you need to set the value of the input to Voluntary

---

Placement

Subscribe to Placement job types

Example!

<div data-sf="job-alerts-job-type-option">
    <input
        id="jobType-Placement" // This isn't required
        type="checkbox"
        data-sf="job-alerts-job-type-input"
        value="Placement"
    >
    <label
        for="jobType-Placement" // This isn't required
        data-sf="job-alerts-job-type-label"
    >
    Placement
    </label>
</div>

note

If you want to subscribe to placement job types, you need to set the value of the input to Placement

---

Location

Subscribe to jobs by locations

To enable this feature, you need to add the following data attribute:

• job-alerts-locations
• job-alerts-location-option
• job-alerts-location-input
• job-alerts-location-label

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-locations"

data-sf="job-alerts-locations" // Parent
    data-sf="job-alerts-location-option" // Child
        data-sf="job-alerts-location-input" // Child & Parent
        data-sf="job-alerts-location-label" // Child & Parent

SmartFeed will then grab all the companies locations from HR Recruit and display them in the Job Alerts form.

Example!

<div data-sf="job-alerts-locations">
    <div data-sf="job-alerts-location-option">
        <input
            type="checkbox"
            data-sf="job-alerts-location-input"
        >
        <label data-sf="job-alerts-location-label">
            All
        </label>
    </div>
</div>

http://localhost:3000

All

Marketing and advertising

Education

Manufacturing

---

Region

Subscribe to jobs by regions

To enable this feature, you need to add the following data attribute:

• job-alerts-regions
• job-alerts-region-option
• job-alerts-region-input
• job-alerts-region-label

caution

From prevent elements from leaking into other parts of your website, all categories data attribute must be inside data attribute called data-sf="job-alerts-regions"

data-sf="job-alerts-regions" // Parent
    data-sf="job-alerts-region-option" // Child
        data-sf="job-alerts-region-input" // Child & Parent
        data-sf="job-alerts-region-label" // Child & Parent

SmartFeed will then grab all the companies regions from HR Recruit and display them in the Job Alerts form.

Example!

<div data-sf="job-alerts-regions">
    <div data-sf="job-alerts-region-option">
        <input
            type="checkbox"
            data-sf="job-alerts-region-input"
        >
        <label data-sf="job-alerts-region-label">
            All
        </label>
    </div>
</div>

http://localhost:3000

All

Marketing and advertising

Education

Manufacturing