After you have published your Experios, you can link directly to your publication using the generated URL or you can choose to embed it in another webpage using an iframe.
Accessing Your Publication’s URL
After publishing, you can retrieve the URL for your published project by opening it in the Experios Editor and clicking on the Link icon at the top of your screen.
Linking Directly to your Publication
You can link directly to your Experios publication using the generated URL by pasting it into a social media post, or by using it as the href attribute in a web link. When a user clicks on one of these links, your publication will open and display responsively in their browser window.
Embedding Your Publication
Alternatively, you can choose to embed your publication in a webpage using an iframe, and linking to the containing webpage. In this case, your publication will display responsively using the dimensions of the iframe to determine how your content should display.
To embed your publication in an iframe, insert the following snippet of code wherever you would like to display your Experios, replacing the link in the src attribute with your publication URL and ‘Publication Title’ with the title of your publication.
<iframe src=”https://exper.ie/XXXXXXXX” title=”Publication Title”></iframe>
While the title attribute is not required, it is considered best practice to include it for accessibility purposes. This is because the title will be used by screen readers to indicate what is contained in the iframe to users with visual impairments.
Your iframe can be styled using CSS, or by including width and height attributes in your iframe tag, for example:
<iframe src=”https://exper.ie/XXXXXXXX” title=”Publication Title” width=”100%” height=”300″ style=”border:1px solid black;”></iframe>
In the above example, the iframe would take up the full width of its containing element, have a height of 300 pixels (note we don’t need to specify pixels in the height attribute), and would have a 1 pixel wide, solid black border surrounding it.
If you have opted to include a full-screen button in your publication, then users will be able to use this to view your Experios outside of the constraints of the iframe.