Adding Careers Page to website

Implementing Avionté careers page onto your website is simple. All you need to do is paste a single line of code to your website, pick a theme, and add a bit of style. Creating a beautiful career page is one click away!

Key Takeaways

  • Implementing Avionté's careers page onto your website is a straightforward process, requiring only a single line of code to be pasted, theme selection, and a touch of styling to create an attractive career page with ease.
  • After placing the line of code on your website, you can further customize your careers page by adjusting layout and styling preferences, such as grouping jobs by department, division, or location, and easily matching the page's appearance to your website.
  • For web developers, technical aspects involve three key steps, including adding the iframe code, enabling automatic resizing based on content height, and incorporating JScript files to ensure the seamless integration of Avionté's careers page onto your site.

Getting Started

  1. Retrieve Your Line of Code
  2. Login to Avionté
  3. Go to Utilities
  4. Click on the Careers Page Editor
  5. Copy the line of code at the very top of the page that says Career Page iFrame
  6. Send this line of code to the manager of your website and have them place this code where you want your job listings to be.



  7. Once Your Line of Code is in Place
  8. Ask your careers page manager for the URL to your careers page and enter this address into the primary location field of your careers page editor.
  9. Save your changes.
  10. Style Your Page
    1. From the Careers Page editor
    2. Go into Layout and Styling to choose the base style you like best.
      1. You can choose whether you would like your jobs to be grouped or listed.
      2. If you select the grouped option, you can specify how you want your jobs to be grouped. For example, by department, division, or location.
  11. After you have chosen a theme you can easily adjust various options such as background color, font size, etc. With the ease of customization, you can style the page to match any and all types of websites.

 

 

Technical Bits and Code Examples

The remainder of this article might get a bit technical for some.  It includes information that a web developer should be able to use to help with getting the iFrame into your Careers Page. There are essentially three steps that need to take place to get the iFrame loaded and working:

Step 1

Add in the IFrame wherever you want the content to go on your careers page:

<iframe id="compframe" name="compframe" height="1500" width="95%" frameborder="0" allowTransparency="true" style="overflow:auto" onload="window.parent.parent.scrollTo(0,0)" > </iframe>

 

To enable automatic IFrame resizing based on content height:

<script type="text/javascript"> if (window.addEventListener) {     window.addEventListener('message', receiveMessage, false); } else if (window.attachEvent) { //IE     window.attachEvent('onmessage', receiveMessage); } function receiveMessage(evt) {     //alert("iframe content: "+evt.data);     var iframe = document.getElementById('compframe');     iframe.style.height = evt.data + 'px'; } </script>

 

Step 2

In the header, add the pointer to the JScript file:

<script type="text/javascript"   src="http://COMPANYBUILDNAME.myavionte.com/staff/consol_careers/dyniframe2.js"></script>

 

Step 3

Add an onload directly after the body tag:

<body onload="getreq()">

or

<script type="text/javascript"> window.onload=function(){getreq()}; </script>

 

 

 

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share