The Job Listings widget allows you to quickly and easily add a list of job openings to your website, complete with search and filtering options. It is specially designed to work with Neon Websites's Dynamic Pages, making it easy to add to your website and customize to fit your needs. The widget's filtering options allow users to filter job listings by job category, level, location, and employment type. This makes it easy for job seekers to find the jobs that match their specific interests and qualifications. There is also a search feature to locate jobs by job title, company, or keyword.
You can also manage your job postings through Neon Websites's Collection, which is connected to either Airtable or Google Spreadsheet. This means that you can easily update your job postings and keep them up-to-date without having to manually update your website. For more information about how to use the Airtable method, click here.
Add the Job Listings Widget
1. Click on the Home dropdown menu to select the page where you will display the job listing.
2. In the left panel, click Widgets to open the widget navigation panel.
3. Click in the search box to locate the Job Listings widget.
4. Click and drag the Job Listings widget to the desired position on your site.
As a reminder, frequently used widgets will appear at the top of the widget navigation panel.
Configure the Job Listings Widget
After placing the widget on your site, the Job Listings Content and Design dialog box will display.
Content
A placeholder job will be visible in the Content section.
1. Click into the Job List title field to open up the editor panel. This will allow you to modify the job title, along with a variety of other descriptive content fields. This is also where you will replace the job listing image either by uploading your own photo or searching from our free image collection.
Note: You may display job listings either by popup or dynamic pages, giving you the flexibility to choose the option that works best for your website. We recommend the popup option, which is illustrated in the example below. For more advanced configuration using dynamic pages, we offer this support guide, or you may register for this Neon Academy course and view the 'Creating Dynamic Pages' lessons.
2. Once all desired fields are populated, select your choice of page URL options.
The data entered into the content fields will populate various sections of the job listing. This will allow job seekers to filter by category, level, location, and type, as well as search by title, level, keyword, type, location, etc.
Design
Once your content is populated, you will have the opportunity to add your own design elements to the job listing.
1. Select your preferred layout. The Grid Layout provides popup functionality (recommended) that includes an Apply button (not available with the List Layout).
Popup View:
2. Click into each design option to make changes to elements like background and icon color, font (including weight, size, color, format, alignment, and direction), and label/button color. A few examples are included below.
Search Bar Design
Grid Design
Popup Design
3. You may also add entrance animation and modify the spacing for desktop and tablet viewing.
4. Use the site Preview button to see the finished product.
You may add additional jobs via the + Add Item option on the Content tab.
5. Select Publish when all steps are complete.