You can embed different HTML elements like players, news feeds and poll tools as iFrames as well as other content on your pages using HTML code snippets. Use the HTML Element component in the radiosphere Studio Editor.
Create HTML Code Snippet
To embed an iFrame you have to create a HTML Code Snippet first. In most cases, you do this directly on the page where the original source can be seen. If you want to place an Instagram post as an iFrame on your website or app, you have to open it via your web browser (the service is not yet available in the app). Then open the three-dot menu in the upper right corner of the post and click Embed. Now a small window will appear with an embed code. Copy it to your clipboard. This way you can create HTML code snippets for different content. Alternatively, you can use an HTML code generator. For this you often only need the URL of the original source you want to embed on your page as an iFrame.
Embed HTML element
In the radiosphere Studio Editor, select the HTML Element component by clicking the Add button in the top bar next to the Select button. Select the area marked in blue where you want to place the iFrame. Once you have selected the appropriate area, a new window will open with all available components. Enter the name of the component in the search line at the top and confirm your selection with Add.
After you have selected the components, a placeholder appears on the left in the preview, which is outlined with a blue dashed line. Now click on Open Code Editor under the Embedded HTML settings on the right. Now paste the HTML code snippet with Ctrl + V into the free line and click on Update. Make sure that the noFrame attribute is set within the code (border=0). In the preview, the Instagram post will then appear as an iFrame in place of the placeholder.
Set Required Consent
After you have embedded the iFrame, you can select in the dropdown menu on the right side under Required Consent whether users:inside must first give their consent to be able to access the iFrame. To do this, select the corresponding original source in the selection. In the case of the example, this is Instagram. The default setting is "No consent required". Please inform yourself in advance whether this setting must be specified for the embedded content. If the required Consent option is not present, please email firstname.lastname@example.org.
Important: This feature has limited support. It is the responsibility of radiosphere Studio users to implement the code correctly. Scripts are supported on a limited basis, as there may be obstacles to execution by users and other problems (race conditions). Before including HTML code snippets, please follow the provider's guidelines to prevent unauthorised behaviour. It is recommended to embed snippets as iFrames. You may have to research the dimensions of the element in the developer tools of your browser.