Support #12905
closed
trouble embedding a flipbook from Flipsnack
Added by Marilyn Weber almost 4 years ago.
Updated almost 4 years ago.
Description
Elvis Bakaitis reports
I'm having trouble embedding a flipbook from Flipsnack. It seems straightforward, here is the code below. When I try to add it to my site - openpedagogy.commons.gc.cuny.edu - either in a post or on a page, it appears in the Preview but not on the live page once saved.
- Status changed from New to Reporter Feedback
Marilyn, do you have the code she shared, and/or the URLs in question?
No code, but I'll ask. The URL is openpedagogy.commons.gc.cuny.edu
I apologize! Here's the code: <iframe src="https://cdn.flipsnack.com/widget/v2/widget.html?hash=19fb8mprzp" width="100%" height="480" seamless="seamless" scrolling="no" frameBorder="0" allowFullScreen></iframe>
- Target version set to 1.16.14
Thanks for the details.
iframe markup is not permitted in the WordPress editor on the Commons, for security reasons.
I can create a WordPress shortcode for Flipsnack embeds, but I need some more information about the service. The URL that appears in the iframe code is https://cdn.flipsnack.com/widget/v2/widget.html?hash=19fb8mprzp. Is this the "regular" URL where the item is viewed? There must have been a page on Flipsnack where the iframe code was provided - what was the URL of that page? (I need this information so that I can figure out the format for Flipsnack IDs.)
He writes "You would have to be logged into Flipsnack to have the option of sharing the iframe code.
Let me know if that helps - if they need something specific about the iFrame code."
- Status changed from Reporter Feedback to Staged for Production Release
Got it, thanks.
I was mainly looking to see whether there was a single URL format that would facilitate easy embedding, with the goal of making the process as easy as possible for the users. But it sounds like it may be difficult to ascertain the full pattern of URLs used by Flipsnack. So I'll just use the URL that's provided as part of the embed code.
Implemented in https://github.com/cuny-academic-commons/cac/commit/dbfb295a324e6bdbcb3ddec77643f46ca19b2b31. Here's the syntax:
[flipsnack src="https://cdn.flipsnack.com/widget/v2/widget.html?hash=19fb8mprzp"]
Note that the 'src' attribute must match the 'src' attribute from the iframe code provided by Flipsnack.
This will be part of the next release, scheduled for June 23.
- Assignee set to Boone Gorges
- Status changed from Staged for Production Release to Resolved
Also available in: Atom
PDF