28 July 2017Noteadviser

OneNote content embedded in a web page

Updated 25/04/2018 – Single pages sharing not available anymore. See below the article for alternative.

You can embed a note into a web page (or blog), providing your CMS supports iFrame, like in this example below :

Simply get the link of the page you want to embed into OneNote UWP (share), and encapsulate your URL into the following html code snippet :

<iframe width=”560” height=”315” src=”your link” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

 

This feature is particularly helpful because it allows to keep the information published / shared in a blog post always updated, and easily updated while on the road with OneNote mobile without connecting to your CMS (wordpress in this case).

Also, you get the power (and freedom) to mix text with images with ink (although I noticed my ink is not shown at the same relative location with regards to text, on the web page and in the original note…).

Thanks to Marjolein Hoekstra for sharing this trick, and taking time to work it out for me !

This meant a lot to me, because when we discovered it wouldn’t work on my wordpress.com environment, after a minute of disapointment, I started considering moving to wordpress.org (hosted in Azure), which was a worthwhile endeavour on its own.

Marjolein managed to discover every detail of this feature, and make sence of the underlying limitations, and posted three separate articles :

 

Updated 24/03/2018 : Since January 2018, the note appears in a window with the navigation pane on the left : to remove it, in order to enlarge the note’ area and take advantage of the screen’ width, click on the hamburger menu (≡) :

remove the left pane to get more space for your embed content

and then on the following command (navigation pane icon) :

Finally, check the last option in the drop down menu (“Hide All”) :

 

Update 28/03/2018 : No more “single page” sharing in OneNote UWP. It seems that sharing a page this way made the page public and even indexed on Google search, which was a concern… You’ll have to share the whole notebook, hosted on OneDrive for Business instead.

 
Update 22/04/2018 : Links to pages previously shared using this feature will expire on June 1st.

Update 25/04/2018 : The remaining option is to share an entire notebook, hosted on OneDrive for Business. Tested with success, thanks to Marjolein’ guidance provided on her blog post mentioned above.

Leave a Reply

Your email address will not be published. Required fields are marked *