Home

New: Embed Pageflow stories via iframe

February 9, 2016

You can easily embed Pageflow stories via iframe. Just use the following code and paste your account name and title of your entry:

<iframe scrolling=”no” src=”http://accountname.pageflow.io/title/embed” allowfullscreen onmousewheel=””></iframe>

Pageflow automatically generates and shows this code on the entry’s overview page:

iframe_code

Size of iframe

To modify the size of your iframe just add width and height (in % or pixel). Please notice that Pageflow switches to its mobile navigation at a width minor 700 px. The mobile navigation button will then be displayed instead of the desktop navigation bar.

<iframe width=xy %” height=xy px” scrolling=” no” src=http://accountname.pageflow.io/title/embed” allowfullscreen onmousewheel=“”></iframe>

Example

How an embedded Pageflow can look like, can be seen in this example:

iframe_embed_1

“Luxemburger Wort” – World Press Photo 2016
-> VIEW STORY (English version)
-> VIEW STORY (French version)

 

SOCIAL SHARING

Configure Share Buttons with your own URL

Since the update to 0.10.0 Pageflow allows you to configure the Share Buttons with your own URL. This is recommended, if you embed stories via iframe into your website. Just click on “Title & Options” and them on “Social” to type in your own URL. If this window stays empty, Pageflow will link to your published story automatically.

Please note: This service is a special offer to all journalists and publishers, that are using the hosted Pageflow service for their Scrollytelling projects and is possible via our domain pageflow.io.

 

 


Leave a Comment