This article explains how you can use Iframe to integrate images and videos into a Personio career page. Read on for instructions on how to embed video files hosted on YouTube and Vimeo. Please note that you will need to have editing rights for the Recruiting section to do this.
Adding images
The following table shows which codes you can use to insert images and links into either the About Us section or directly into the input fields for job description attributes associated with job postings.
To do this, switch to the code view by clicking on A (more text) and the <> icon in the formatting settings of the text field:
Read on to find sample code you can copy and paste straight into the code view:
| Code | Description |
| <a href="URL">Name of the link to your URL</a> |
Insert a URL of your choice into the {}href{} (hypertext reference) attribute and name the link as you would like it to appear. |
| <img src="publicly available URL for your image" alt="description of your image"> | Use the src (source) attribute to insert an image that is available from a public URL. The text that is entered as an alt (alternative) attribute will be displayed if the image can't be retrieved. |
|
width="100" e.g. <img src="publicly available URL for your image" alt="description of your image" width="100"> |
Choose the size of your logo/image. If you modify the width, the height will be scaled automatically. If you would like to adjust the size based on the height of your logo, use the height attribute. Personio accepts px, em and % as units of measurement. Click here for more information about units for the width and height attributes. |
Integrating a YouTube video into your Personio career page
If your video file is hosted on YouTube, copy the HTML code as follows:
- Open the YouTube video you wish to integrate into your Personio career page.
- Next, click on the Share button below the video.
- Click on Embed and copy the HTML tag.
- Switch to your Personio account.
- Navigate to Settings > Recruiting > Career page.
- Go to the About us or Descriptions & Translations sections. Navigate to the text field where you would like to embed the video element and access the code view (see the first screenshot in the Adding Images section of this article).
- Paste the copied HTML tag into the HTML code at the location you have chosen. Ensure that you remove the "allowfullscreen" element from the code snippet, as the Personio career page does not support this feature.
The video will now be available at the location you have selected on your Personio Career Page.
Integrating a Vimeo Video Into Your Personio Career Page
If your video file is hosted on Vimeo, copy the HTML code as follows:
- Open the Vimeo video you wish to integrate into your career page.
- Next, click on the Share button to the right of the video.
- Click on the Embed field and copy the HTML tag.
- Switch to your Personio profile.
- Navigate to Settings > Recruiting and click on the Career page tab.
- Scroll down to the About us or Descriptions & Translations sections.
- Navigate to the text field where you would like to embed the video element and click on the </> icon on the right to access the code view (see the first screenshot in the Adding Images section of this article).
- Add the copied HTML tag to the HTML code at the desired job as described in the previous section: Integrating a YouTube Video.
The video will now be available at the location you have selected on your Personio career page.
Please note that some browsers may not support the video format used. This can result in display errors. If your video is hosted on another domain, we recommend uploading it to Youtube and Vimeo and following the instructions above.