Skip to content

Recruiting guides · 6 minutes read

Embed a careers page: link, iframe or job feed?

Compare three ways to display vacancies on your website, understand iframe height and test the complete application journey before going live.

By ReclyraUpdated

Choose the integration around the application journey

Your website needs to show current vacancies and provide a clear way to apply. That does not necessarily mean developing a careers platform of your own. The main questions are how much control you need over presentation and who will maintain the integration. Plan how to write a useful job advert too: every integration needs appropriate content, whether or not you involve an agency.

First map the journey: where do people see the list, read the details and submit their documents? Each step should clearly belong to the same employer. Company name, logo, contact information and language all help. A vacancy list is only successfully integrated when someone can actually submit an application and the record arrives with the right hiring team.

Option 1: Link to a hosted careers page

The simplest option is a 'Careers' menu item or a visible 'Open roles' link leading to your hosted careers page. Vacancies and the application form are maintained there. Your existing website normally needs only a standard link. This works particularly well if you cannot edit HTML sections or your agency makes occasional changes rather than supporting ongoing development.

For example, a local service business adds Careers to its main navigation and links from its team page as well. The destination contains company information and current vacancies. Check that the address is publicly accessible, shows the correct employer and works without a login. A descriptive label is better than 'Click here'. Use the actual careers address provided for your workspace rather than constructing one yourself.

Option 2: Display the vacancy list in an iframe

An iframe displays a supplied vacancy list inside your website. Add the embed code to a suitable HTML section in your site editor. Your website provides the surrounding page; the recruiting service loads the embedded list. Reclyra's list offers options including language, colour scheme, layout and height. Job details opened from this embed appear in a new browser tab.

Whether your website builder permits this kind of HTML section depends on its settings and subscription. A WordPress site may use a permitted HTML block, for example; that does not imply a dedicated Reclyra plugin. If the editor removes the code or displays it as text, the person maintaining the website should check the supported integration method. Copy the complete code, including quotation marks and attributes.

Why changing the height can appear to do nothing

The height belongs to the iframe on your website, not to the vacancy-list URL opened on its own. Opening that address in another tab shows a normal browser page. The height selected for the embed cannot constrain that page. Check the actual framed preview or the published page containing the embed code to see the effect of the setting.

If you change the height in the generator, save the updated code on your website too. With a fixed height, a longer vacancy list can scroll inside the frame; increasing or decreasing the frame does not shorten the content. If 600 and 1,000 pixels appear identical, check whether your editor overrides the height or is still serving the previous published version. Test mobile separately from desktop.

Option 3: Use a job feed for a custom presentation

A feed provides structured data that your website can use to build its own vacancy list. This gives you more control over cards, filters and spacing. It also requires development work: someone must load the data, display the fields, handle missing values and link to the job details. A feed is therefore neither ready-made embed code nor a replacement for an application form.

Reclyra provides a public JSON job feed for website integrations. Before implementing it, an agency should check the actual fields and agree how updates are handled. What happens if the feed is temporarily unavailable? When does a closed role disappear from cached results? Is text displayed safely? Include these questions in the brief so the website does not continue advertising outdated vacancies.

Check language, branding and discoverability together

An English careers experience needs more than translated buttons. The company description, welcome text and individual job advert need appropriate English versions too. For each integration, check which language the link or embed selects and what happens when a translation is missing. Review translated content before publication, especially responsibilities, workplace arrangements and entry requirements, so both versions make the same offer.

A visible embed is not proof that your own page will appear in Google for those vacancies. The surrounding careers page should provide helpful company information and clear links. Check search visibility for the actual public job-detail pages separately. Neither an iframe nor a feed guarantees indexing or a particular search-result appearance. Treat integration quality and search visibility as related checks, rather than interchangeable outcomes.

Acceptance check: submit an application from start to finish

Test in a private browser window with fictional information: open the Careers menu, select a role, change language and complete the form. Are required fields understandable? Are upload limits visible? Does confirmation arrive, and does the application appear in the correct workspace? Repeat on a phone. Also check the empty state so a company with no current vacancies does not display a blank area or a misleading apply button.

Before publication, check the workspace's application settings. A published job description alone does not mean online applications are enabled. Assign someone to check new roles, translations, closed vacancies and the application journey. You can walk through your intended setup in a Reclyra demo. A carefully tested link is often enough to begin with; more customisation can be added later on the same working process.

Your checklist

  • Link, iframe or feed matches your design and maintenance needs.
  • Updated embed code has been saved on the actual website.
  • Height, scrolling and the empty vacancy list have been checked.
  • Company and job content match the selected German or English version.
  • Application settings are complete and publicly usable.
  • A full application works on mobile without a recruiter login.