Project

General

Profile

Support #12905

trouble embedding a flipbook from Flipsnack

Added by Marilyn Weber over 1 year ago. Updated about 1 year ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
-
Target version:
Start date:
2020-06-06
Due date:
% Done:

0%

Estimated time:

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.

History

#1 Updated by Boone Gorges over 1 year ago

  • Status changed from New to Reporter Feedback

Marilyn, do you have the code she shared, and/or the URLs in question?

#2 Updated by Marilyn Weber over 1 year ago

No code, but I'll ask. The URL is openpedagogy.commons.gc.cuny.edu

#3 Updated by Marilyn Weber over 1 year 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>

#4 Updated by Boone Gorges over 1 year 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.)

#5 Updated by Marilyn Weber over 1 year 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

#6 Updated by Marilyn Weber over 1 year 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."

#7 Updated by Boone Gorges over 1 year 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.

#8 Updated by Boone Gorges about 1 year ago

  • Assignee set to Boone Gorges

#9 Updated by Boone Gorges about 1 year ago

  • Status changed from Staged for Production Release to Resolved

Also available in: Atom PDF