Got a new Barracuda template or are you looking to spruce yours up and make some changes to your current website?
Check out the below details on setting up everything on your Barracuda template from the branding to adding in your plugins!
Click through Website > Web Settings > Web Branding to access the branding section - this will allow you to update any logos used throughout the site, makes changes to your colour scheme and add contact details and social links.
On the Page, we can update our main Logo, Advert Image, Social Sharing Image and Favicon. Drag and Drop, or click into each section to upload an image.
The Logo is the image that will be used on all pages throughout the site as the main website Logo.
· Sized at 150 x 80 px px
· It should have a transparent background
· The colour of the logo should not match the colour of banner image
As well as at the top of the site, this logo will also appear within the footer
The Favicon is the icon used on the tabs of web pages -
· 16 x 16 in size
· Will have a .ico, .png, or .jpg file type
· This should be a smaller icon- perhaps a letter or image and not your full logo (like our fish!
Social Sharing Image
The Social Sharing Image is the image used when your recruiters share Web Pages and Adverts out to social media sites and Google For Jobs.
· Sized at 1200 x 630 px
· Have a logo centred in the image atop of a block colour
Using this size ensures the image should pull through correctly across all platforms and means the image shouldn't be stretched.
The Advert Image is what displays on your Job Cards on some of our templates, however this is not utilised on Barracuda as the job cards take on a list format.
Editing Colour Scheme
The Menu, Body, Button and Footer sections on the Web Branding allow you to select the colour scheme used throughout the website.
For the best look and feel on Barracuda, we would recommend using 3/4 different colours within the branding. As above, we have picked White, Dark Blue and Orange - it's recommended to use three different colours that still complement each other.
For example, firstly select your two background colours (as Barracuda has 2). We would suggest going for two contrasting colours, for example black and white. (Please Note: Whatever colour you choose for Primary Body will be the background for all of your content pages).
Then your two branding colours - these would be best coming from your Logo or other branding used by your business! Make sure these are colours that don't clash such as bright pink and green - use colours that are known to match such as red & blue, or two shades of the same colour, such as sky blue and navy.
You can view a full video guide on updating your colours on Barracuda here:
On Barracuda, the colours in the header section relate to the thick header bar at the top of the site displaying your logo and menu:
For your Menu, the only element requiring an update is the Primary Menu Colour & Text options:
This will control the background colour of the site menu and the text colour:
The Primary Body settings will affect the headings, text and hyperlinks used through the content areas on the site:
The Secondary Body settings will affect the headings, text and hyperlinks used on the secondary area of the homepage only:
The Primary Buttons section will update the colour of all Apply Buttons throughout the site:
The Secondary Buttons section will update the colour of all other buttons on an individual advert and Jobs page:
Inserting Home Page Buttons
To insert Home Page buttons like those in the image above go to Website>Web Content>Home and then either Primary or Secondary Content (depending on which side you want to add the button to) and then click the Source button:
Once in the Source simply paste the below HTML where you want it to appear on the page and fill out the first bold section with the URL of the page you want the button to lead to and the second bold section with the text you want the button to have:
<div style="text-align: center;"><a class="button" href="INSERT BUTTON URL HERE" id="candidates-homepage-btn">INSERT BUTTON TEXT HERE</a></div>
In the below example we want to put the button at the bottom of the page so we have pasted the above HTML as the last thing in the Source Code:
Once you are happy with it hit Save at the bottom corner of the screen.
The footer settings will update the colour of the background and text colour for the website Footer throughout the site:
For the best results on Barracuda, we would recommend having three colours as above, and setting three colours to each option as below (based on our example):
Colour 1 (Dark Blue)
Colour 2 (White)
Colour 3 (Orange)
Primary Body Title Text
Primary Body Text
Primary Body Hyperlinks
Primary Body Text
Primary Button Colour
Primary Body Background
Primary Button Text
Footer Title Text
Contact Details & Social
At the bottom of the Web Branding section, we have our Contact Details and Social Media Links.
These sections allow you to add your business information to display on the website - this information displays selectively on the footer section on the website.
Website Content Management
Adding Your Home Page Images
In Barracuda there is no Main Page banner image. However you can put two separate background images into the two sections of the main page as highlighted in Red and Green below:
To add background images to these sections click through Website>Web Content select the homepage and then hit Primary Content to add to the section outlined in Red, or hit Secondary Content to add to the section outlined in Green. In each of these sections the home page background image is controlled by the first “Other Images” section, highlighted in Blue below:
These background images should be 686 x 850 px in size.
Adding Your Banner Images
While there is no Home Page Banner Image in Barracuda, you can add a Banner image to each individual content page. Your banner image is the image that displays across the top of each content page:
To add your banner image to a Content page, click through Website > Web Content, select the page you want to add the banner image to and then hit Images.
This will allow you to upload to the Banner Image section by hitting select Image
You can then upload and select the banner image you wish to use. The banner image for the Barracuda template should be 1024 x 680 px in size.
Once completed, hit Save and this will add the banner image to your Homepage!
This process can be completed for all content pages.
Banner Image best practice:
The banner image should be sized 1024 x 680 px
The colour is important - ensure your website is eye-catching and pops on the screen with vibrant colours
However, make sure the colours and content of our banner image match your brand colours and values
To add content to your Firefish Site, click through Website > Web Content. This will show you the content editor.
You can check out our full guide on utilising the Web Content Editor here! This guide will chat you through everything from typing up some content to embedding videos on your pages!
Make sure you have enough content on the site before going live - we'd recommend having pages such as About Us, Candidates, Employers, Jobs, Contact us and any plugins you have available.
Let someone read through the content before publishing - its always great to get a second opinion, ensuring the content matches your brand voice.
Make sure to add in banner images for each page using the method stated above for the homepage!
Think about the structure of the site- you don't want to have 100 menu items - can any pages be grouped together under a main heading?
All web pages in Firefish will have an SEO tab, and this allows you to add in a Page Title, Description and keywords to be picked up by search engines such as Google.
Adding this information is vital to ensuring your website is optimised for searching and improving your websites ranking against other similar sites.
Navigate to the SEO tab on a web content page where you can then update the information fields:
You can find our full guide on Website SEO and how to manage this here!
SEO Character Recommendations
Page Title should be 55-60 characters
Keywords should be no longer than 100 characters in each
The Description should be around 150-160 characters
Login & Register & Advert Pages
Login & Register Pages
The Login & Register pages of your Barracuda website doesn’t not have a banner image so there is no need to set one up for this.
The Advert pages of your website will pull the banner image from your Jobs Page, cropping the top and bottom of the image while retaining the middle.
For this, we would as above, recommend using a banner image that is abstract like the one we have below:
Our Barracuda template will allow you to add additional plugins to your homepage and content pages - this means on any page you can choose to add an additional blog, testimonial, campaign and team content!
This feature is only available if you have Plugins enabled as part of your website page.
You can find full details on how to add your Plugin content to any page by checking out our guide on utilising Additional Plugins.
Firefish Website Plugins allow you to create additional extra page types that allow you to create specialised pages within your website designed for a function rather than a standard content page.
Barracuda websites have the following Plugins:
The Team Plugin allows you to create a Meet the Team page for your website, displaying an initial page with all team members, which users can then click on to find more details about the team member.
You can find our full guide on creating team profiles here!
For the images for your team plugin, we would recommend using high quality .png files that are 215 x 215 px in size.
Its well known that blogs are a great way to drive traffic to your site - but they also add great value to users and boost your SEO.
You can find full details on how to create and editing blogs here!
For the featured images for your blog plugin, we would recommend using high quality .png files that are 561 x 303 px in size.
Have loads of candidates and clients been telling you how great you, your consultants and your company are? As well as giving yourself a pat on the back, why not tell the world how fantastic you are!
You can find full details on how to add your testimonials here!
Working across different sectors/locations and want to split out the vacancies and provide more information on the location/sector? Utilise our campaign plugin to create Jobs pages which only display jobs within certain preferences, allowing you to create custom pages with only X type of job that candidates within this market can be sent to.
You can find full details on how to add your Campaigns here!
For the featured images for your Testimonial Plugin, we would recommend using high quality .png files that are 175 x 175 px in size.