This article explains how to integrate images and videos into your Personio career page using iframe. Any images and videos you add appear on your Personio career page.
If you haven’t already done so, learn how to set up your Personio career page.
Before you start
To customize the Personio career page, you need to have permissions for the Recruiting app and its settings.
Add images to your Personio career page
You use code to add images and links to your Personio career page. Follow these steps:
- Go to Settings > Recruiting > Career page.
- Go to the About us or Descriptions & Translations section.
- In the text editor, switch to the code view by clicking A (more text) and the <> icon.
- Enter your code. Find sample code in the table below.
- Apply your changes.
The table below shows sample code you can copy and paste 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. Name the link as you want it to appear. |
| <img src="publicly available URL for your image" alt="description of your image"> | Use the src attribute to add an image from a public URL. The alt attribute text appears if the image doesn't load. |
|
width="100" e.g. <img src="publicly available URL for your image" alt="description of your image" width="100"> |
Choose your logo or image size. When you adjust the width, the height scales automatically. To adjust by height instead, use the height attribute. You can use px, em, or % as units. Learn about width and height units. |
Embed a video in your Personio career page
Note:
Some browsers don't support certain video formats. This can cause display errors. If another domain hosts your video, upload it to YouTube or Vimeo. Then follow the instructions below.
To embed a YouTube or Vimeo video in your Personio career page:
- Open the Youtube or Vimeo video you want to embed.
- Click Share.
- Click Embed and copy the HTML tag.
- Switch to your Personio account.
- Go to Settings > Recruiting > Career page.
- Go to the About us or Descriptions & Translations section.
- In the text editor, switch to the code view by clicking A (more text) and the <> icon.
- Paste the HTML tag into the HTML code at your chosen location. Remove the "allowfullscreen" element from the code snippet. The Personio career page doesn't support this feature.
The video appears at the location you selected on your career page.