Support #12905
closedtrouble embedding a flipbook from Flipsnack
0%
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.
Updated by Boone Gorges over 4 years ago
- Status changed from New to Reporter Feedback
Marilyn, do you have the code she shared, and/or the URLs in question?
Updated by Marilyn Weber over 4 years ago
No code, but I'll ask. The URL is openpedagogy.commons.gc.cuny.edu
Updated by Marilyn Weber over 4 years ago
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>
Updated by Boone Gorges over 4 years ago
- 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.)
Updated by Marilyn Weber over 4 years ago
So far he has shared this - https://www.flipsnack.com/gclibrarycuny/oa-display.html
I don't see the code there so I've asked him
Updated by Marilyn Weber over 4 years ago
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."
Updated by Boone Gorges over 4 years ago
- 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.
Updated by Boone Gorges over 4 years ago
- Status changed from Staged for Production Release to Resolved