Latest Jobs Widget - How to install it and the customisation available

Installing our Widgets with Elementor is quick and easy and no real coding knowledge is required.

I'm going to install the Latest Jobs Widget on the Home page. Once I've navigated to the page I wish to install it and chosen to edit with Elementor, I simply need to create a new section.

On the left hand side we have lots of different options and we need to scroll down to the HTML section and drag it over to where it says 'Drag widget here'

The HTML section looks like this:

Once dragged across you will see a grey bar with this symbol inside </>. Click in this grey box. 

This is where we will paste the Widget code. 

The widget code is available for Admin and Managers in their Refari account via Refari.co . When logged in, you will see all the side navigation pages.

 You need to click on Widgets and then the widget you wish to install, in this case 'Latest Jobs'

In the centre you will see an example Latest Jobs layout and you can scroll down to the 2 buttons Copy and Copy All. Because we are using Elementor, we are able to click on COPY ALL

Clicking on COPY ALL will change this to COPIED!

With this code now copied to our clipboard we can switch back to the Webpage we were editing with Elementor and having clicked on the grey bar with this sign in </>, we can see the HTML Code on the left hand side.

In this box we can simply click and press Control (CTRL) and V to paste the clipboard code. A preview of how the Latest Jobs will look, will appear in your webpage on the right hand side.

You can then click update and the widget is installed and on the page that you were editing.

The Widget Customisations

number- this defines how many jobs appear on this latest jobs widget. By default this is set up to show the latest jobs. You can define any number between 3 and 9.

jobsInARow : default is set as 4. Change this to determine how many jobs appear in a row. Set this between 1 and 4. 

themePalette - whilst these can be customised, we recommend using the Company Branding setup. Here's how: How to set up your Company Branding . If you still want to manually change a themePalette parameter, here's an article to help you: Theme Palette Customisations

buttonBorderRadius - this is how rounded the 'View All Jobs' button becomes. The greater the number entered, the greater the rounding.

tileBorderRadius - this is how rounded the Job Tiles inside the widget become. The greater the number entered, the greater the rounding.

category - can be found by navigating to Jobs Board and clicking on category on the left hand side under filters. The URL will then display a code similar to this 'yourcompany/jobs/category=123%2D456#list'. The category ID is the part in red here.  

search - can be entered as 'Keyword1, Keyword2, Keyword3' - note: Only jobs that match ALL Keywords will appear.

recruiter - can be found by navigating to Jobs Board and clicking on a recruiter on the left hand side under filters. The URL will then display a code similar to this 'yourcompany/jobs/&consultant=16#list'. The category ID is the part in red here.  

hoverBehavior - default is set to true, when hovering over the Jobs Tiles change to your primary colour set in Company Branding. 

baseUrl- this is explained in it's own Helpdesk article which can be read here: What is the BaseUrl and how we can use it?