Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

PDF reader in the page builder

Sina
Sina
  • Updated

With our page builder, you can easily offer multi-page PDF files for immediate reading in your shop, your membership areas and on the content pages of your online courses. Use the "PDF file" block for this.

The PDF file block is a reading tool for each PDF file with or without a download option. Several files are available for you to download using the >>Download files block.

Hinweis.png Please note

The PDF reader is not supported by Internet Explorer 11. The page element is therefore not displayed in this browser. For optimal performance, we recommend "Google Chrome" or "Mozilla Firefox".

U_berblick_u_ber_diesen_Artikel.png Overview

Insert PDF reader

Upload PDF file

Switch download option on & off

Customize PDF reader

UseCase.png Use cases 

You are offering an online language course and you would like your participants to see accompanying course material at a glance, directly below your learning video.

You sell eBooks on your shop page and would like to offer your customers reading samples, with or without a download option, depending on your marketing strategy.

 

Schritt-fu_r-Schritt-Anleitung.pngStep-by-step guide

Insert PDF reader

  • Open the >>page builder
  • Drag the block "PDF file" on the page using "drag & drop" or click on one of the "plus" symbols and then on "PDF file."

13.png

14.png

Upload PDF file

  • Immediately after inserting the PDF file block, the edit menu appears on the right.
  • Under "File", click on one of the "upload" symbols (from your hard drive, from the cloud of your seller account or from your Dropbox) and upload your PDF file.

15.png

  • The file will now be displayed to you. You can delete it again by clicking on the "trash bin" symbol.

Hinweis.pngPlease note

If you want to exchange the file, you can simply upload the new file without deleting the current one beforehand. As soon as you upload another file, the current one will be replaced automatically.

16.png

Switch download option on & off

  • In the edit mode of the PDF file block, click on the "Download button."
  • Select "Show" if you want your customers to be able to download the file directly in the reader by clicking on the "download" button.
  • If not, mark "Hide."

17.png

Customize PDF reader

You can also further customize the following properties of the PDF file block: 

Background

  • Image
  • Color
  • Transparency

Buttons

  • Color
  • Size

18.png

Toolbar (file name & total number of pages)

  • Background color
  • Font
  • Font (e.g. bold, italic)
  • Font color
  • Font size

Hinweis.pngPlease note

Name the PDF file before the upload as it should be displayed to your customers in the PDF reader.

Progress bar

  • Color

Custom CSS

  • available for shop, membership and online course themes

Hinweis.pngPlease note

Please only use the "Custom CSS" option if you are familiar with HTML and CSS coding. You can find more information in the support article >>Custom CSS for themes.

19.png

 

Info.png Info

You can return to the editing mode of a block by clicking on the "pencil" icon in the orange bar, which is always visible when you move the cursor over a block. You can find more about the page builders with its diverse design options in the support article >>Pagebuilder 2.0.

Was this article helpful?