Skip to main content

Job Alerts Elements

All SmartFeed Job Alerts elements.

Job Alerts Form​

This is a wrapper for the entire job alerts form.

data-sf="job-alerts-form" /* Required */
Example!
<form data-sf="job-alerts-form">
    {/* All other Job Alerts elements go inside */}
</form>
caution

This data attribute is required to be in a <form> element.

First Name​

This is the first name input.

data-sf="job-alerts-first-name" /* Required */
Example!
<input
  type="text"
  data-sf="job-alerts-first-name"
>
caution

This data attribute is required to be in a <input> element.

Last Name​

This is the last name input.

data-sf="job-alerts-last-name" /* Required */
Example!
<input
  type="text"
  data-sf="job-alerts-last-name"
>
caution

This data attribute is required to be in a <input> element.

Email​

This is the email input.

data-sf="job-alerts-email" /* Required */
Example!
<input
  type="text"
  data-sf="job-alerts-email"
>
caution

This data attribute is required to be in a <input> element.

GDPR Statement​

Will return the company's GDPR statement.

data-sf="job-alerts-gdpr-statement" /* Required */
Example!
<div data-sf="job-alerts-gdpr-statement"></div>
http://localhost:3000

By entering your personal information you are permitting "company name", and any processing agents, to access and use the information for recruitment purposes or as they state. Should this company be part of a larger group, the other companies within this group may have access to your personal information.

For more about how we use your information, see our Policy Privacy Notice.

GDPR Checkbox & Label​

data-sf="
job-alerts-gdpr-checkbox
" /* Required */
data-sf="
job-alerts-gdpr-label
" /* Required */
Example!
<div class="row">
  <input
    id="job-alerts-checkbox" // This isn't required
    type="checkbox"
    data-sf="job-alerts-gdpr-checkbox"
  >
  <label 
    for="job-alerts-checkbox"  // This isn't required
    data-sf="job-alerts-gdpr-label"
  >
  </label>
</div>
caution

Data attributes job-alerts-gdpr-checkbox is required to be in a <input> element with type of "Checkbox".

Job Alerts Message​

This is the message that will appear after the user submits the form.

data-sf="job-alerts-msg" /* Required */
Example!
<div data-sf="job-alerts-msg"></div>
http://localhost:3000
Thank you for subscribing to our job alerts
There was an error subscribing to our job alerts
Thank you your info has been updated
note

Job Alert Message will return one of the following classes to the same element which as data attribute job-alerts-msg depending on the message type:

  • sf-success: Job alerts success message
  • sf-error: Job alerts error message
  • sf-update: Job alerts warning message

Job Alerts Submit​

This is the Job Alerts submit button.

data-sf="job-alerts-submit" /* Required */
Example!
<button type="submit" data-sf="job-alerts-submit">Subscribe</button>
http://localhost:3000