Embed PDF

Created by Sofie Brijs, Modified on Wed, 20 Oct, 2021 at 9:11 AM by Sofie Brijs

Besides videos or URL's, you can also embed PDF documents. This is another option to bring content to your users. 

The only requirement is that your PDF needs to published on a website so that we can embed the URL. 


Embed a PDF via an embedded element


  • Go to the dashboard
  • Select the event that you want to configure
  • Go to 'rooms'
  • Click on the 'visual editor icon' of the room in which you want to add a PDF
  • Click on 'add element' and select 'embedded element'
  • Go to the properties on the left side
  • Give your embedded element a name (optional)
  • Choose the location and size of your embedded element
    • Use your computer mouse
    • Use your keyboard commands
    • Fill in the x and y-axis, width and height
  • Select 'always behind' if you want this embedded element to always be placed behind other objects or avatars 
  • Insert the URL of your embedded element
    • Read here where to find the URL of your PDF file 
  • Select 'Iframe' under 'type'
  • Insert HTML attributes if necessary
    • Read more about the different HTML attributes here
  • Press 'save'

 


Embed a PDF via a button


  • Go to the dashboard
  • Select the event that you want to configure
  • Go to 'rooms'
  • Click on the 'visual editor icon' of the room in which you want to add a PDF
  • Click on 'add element' and select 'button'
  • Go to the properties on the left side
  • Give your button a name (optional)
  • Select 'icon and text' under 'content type'
  • Fill in your 'button text'
  • Select an 'icon' from the icon library 
  • Choose your background and font color 
    • Copy paste your hex-code in the text box 
    • Use the color picker symbol on the right
    • Insert the RGB-code when clicking on the color picker symbol on the right 
  • Choose your font and icon size
    • You can choose between pixel (px), root element (rem) and view width (vw)
  • Choose 'link' under 'type'
  • Decide how you want your PDF to open:
    • New window = when clicking on the button, the PDF will open in a new tab in your browser
    • Dialog = when clicking on the button, the PDF will open in a pop-up window in the middle of the screen of the user
  • Copy paste the 'URL of your PDF file' in 'link / slug' 
  • Fill in the 'reporting name' if you want to keep track of how many times this button has been clicked 
  • Press 'save'


Extra: If you rather want to use a button with image to display your PDF, then you need to select 'image' under 'content type'. 


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article