Skip to content
aeropage-round-dark
Aeropage Documentation
Users, Portals & Members

Embedding Portal Pages in Websites

Aeropage supports embedding portal pages to websites via iframes. This can be a useful case when you already have a portal page setup in Aeropage and you don’t want to set it up again on your website.

What you will need

Host website with a top level domain
A subdomain under the host website domain and access to edit the DNS records
The portal page that you want to embed

error

It is important to have the subdomain under the same domain as the host website since mobile browsers (especially in IOS) block cookies from iframes that have different domain from the host website


Adding and Verifying a Subdomain

To enable embedding portal pages to a website, add a subdomain to the project where the portal that you want to embed is located as seen below. The subdomain should be under the same domain of the host website. Otherwise, it will not work on mobile browsers.

For more info about adding domains please see Publishing and Sharing > Custom Domains.

image.png

You will be required to edit the DNS record of the subdomain for validation.

image.png

Choose a version

Once verified, choose a version if there is already a published version otherwise you can create a new version and publish it to the domain. Unless you chose to publish it directly to the domain it will only be visible at the preview url.

Untitled 4.png

Embedding the Portal Page

After setting up the subdomain, copy the URL of the portal page and embed it via iframe in the host website like so:

image.png

In the example above, the embedded portal was added to example.com website. Note that the subdomain portal.example.com is under the domain of example.com so that authentication cookies work.

Once you are done, you will be able to see the portal page in your host website. Please adjust the size of the iframe accordingly. You will also be able to login via iframe.



Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.