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.

Inserting images in your online course

Neda Najjari
Neda Najjari
  • Updated

tipp.png There are two ways to insert images in the online course. Choose the variant that suits you.

a) Via the content block for texts. Here you can place the image freely between texts, determine the size and also edit the HTML code.

b) Via the content block for images. Here you simply upload the image and cannot make any further settings. You can create more blocks above and below it.

 Overview of this article

a) Add images in the content block for texts

b) Add images in the content block for images.

   Step-by-step instructions

a) Add images in the content block for texts

  • On the course page, go to page builder and click on the + and select "Text" to add a block of text. This is then first created "naked." Then you can edit it and fill it with content.

    10.png

  • Click on the editing pencil for the text block in the page builder.

    11.png

    You will then see the area in which you can make various settings for the block such as background color and spacing in all four directions.

    Then you will find the text editor there which you can use to provide and format texts, insert images and videos. 

  • Click on the "image" icon in the menu bar.

    12.png

  • Then select from where the image should be added.

    13.png

    You can
  • upload from your hard drive,
  • provide the image URL if your image is saved on the web, for example in the file library of your website, or
  • add it from your elopage library.

Changing image properties

You can also format the image here and drag it larger with the mouse, change the orientation or size, provide a link or edit it in the HTML code.

The image editing menu

If you click on the image, a separate menu bar appears with the options to change the properties of the image.

14.png

You can set the image size in pixels or % from the bar on the right side of the age builder (recommended for display on different end devices).

15.png

Make changes in the HTML code

If you are familiar with HTML, you can also edit the HTML code of the text block.

  • Click on the symbol with the three dots to view a submenu of the editor.
  • Click on the icon < /> to enter the HTML mode.

Important: To save the changes, please switch back to text mode by clicking the symbol < /> again. 

16.png

b) Add images in the content block for images

  • On the course page, click on the + and select "Images" to add an image block.

    17.png

  • Click on the "editing pencil" for the image block.
  • Select the location of the image.

    18.png

    You can upload it from your hard drive, from your drop box or add it to us from your file library.

Here you can no longer make any settings to the properties of the image.

You can move the block with Drag & Move or place another block next to it or above or below it.

19.png

Here

  • a block of text was created above, then
  • on the left an image block and
  • to the right of this a download block that your customer can use to listen to and download the audio file directly in the course.

info.png Info

The maximum file size for attachments is 3.5 GB.

 

Was this article helpful?