Je hebt naast bouwstenen waar je in één keer een website kan inladen ook de mogelijkheid om internetpagina's te iframen binnen een standaard pagina in jouw app.
Let op! Niet alle websites kunnen geiframed worden vanwege beveiligingsinstellingen van desbetreffende website. De bouwsteen waar je in één keer een internetpagina kan dit wel inladen, aangezien hier het verzoek voor de beveiliging anders is. Daarnaast ziet het er ook veel mooier uit als je een bouwsteen aanvraagt waar een website in één keer dan als je deze in een standaard pagina zou iframen.
Stappenplan website iframen binnen jouw app.
1. Ga naar de pagina waar jij een website in geiframed wil hebben, en bewerk deze.
2. Druk binnen de tekstbewerker op "Broncode"
![]() | Broncode Bekijk en bewerk de broncode (HTML) van de test. |
3. Plak onderstaande code op de gewenste locatie binnen de broncode.
<div style="max-width:500px"><iframe title="widget" width="100%" height="328px" frameBorder="0" scrolling="no" loading="lazy" src="https://greatstayapp.com/"></iframe></div>
4. Pas na "src=" de website aan naar de gewenste website.
5. Druk op opslaan
6. Test in de app of het werkt. Als de website niet goed wordt ingeladen is het niet mogelijk om jouw gewenste website te iframen. Het ziet er in de app hetzelfde uit als in de webapp als een iframe niet werkt. Bekijk hier hoe dat eruit ziet.
7. Werkt het wel maar ben je niet tevreden over de hoogte? Pas de height van 328px aan naar een groter getal, maar er moet wel "px" blijven staan. Zo zou je er bijvoorbeeld van kunnen maken height="600px".
Is er iets niet duidelijk of heeft u andere vragen/opmerkingen? Stuur ons een mail op office@greatstayapp.com, vul ons vragenformulier in of bel ons op +31 (0)85 40 15 336
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article