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.

Displaying iFrames on elopage pages

Sina
Sina
  • Updated

So you would like to display content via iFrame on your elopage pages?

Then we will show you how to do so in this help article.

 

hinweis.png Please note

If you use the >>Customization app, or the >>Pro package or the >>Premium package, you can embed iFrames wherever the page builder is available to you (e.g. shop page, themes, landing pages, etc.). If you only use the Advanced package or the Essential package, you can only display iFrames in the online course.

Inserting an iFrame code

hinweis.png Please note

In principle, you should be able to insert any URL into the embed code below. However, there are applications that generally do not support iFrames (e.g. Discord).

  • Go to the elopage page on which you want to place an iFrame.
  • Call up the >>page builder.
  • Insert a >>text block and click on "Edit text".

iframe_text.png

 

  • Click on the "three dots" on the right for more options.

iframe_options.png

  • Click on "< />" for the code view.

iframe_code.png

  • Remove any existing code and paste in the following:

<iframe src="URL*" width="100%" height="650"></iframe>

*Insert your URL here.

  • Now click on "Close".

iframe_code_url.png

hinweis.png Please note

You can set the width to suit your custom requirements. You can specify the width in percent or pixels. However, it is always recommended to specify the height in pixels to ensure that the iFrame is optimally displayed on all end devices.

 

use_case.png Use case

iframe_shop.png

Was this article helpful?