Social media – today, everyone and their grandma is on it. As a business, you want to reach your shoppers, wherever they are, so it makes sense to optimize your Flipbooks for social media sharing, too.
📖 This guide explains:
Let's get started!
What is Open Graph, and what does it have to do with your Flipbook?
The Open Graph protocol, or just Open Graph for short, was originally created by Facebook as a way to standardize webpage's, or Flipbook's metadata. Metadata is used to represent the content of a page.
Metadata can house all kinds of information, like the title of a page or Flipbook, a brief description of the content, even images, favicons, etc. Metadata creates a representation of each page on the internet.
How to change the Open Graph settings on each Flipbook.
Editing your Flipbook's Open Graph settings is easy:
Select your Flipbook and navigate to the Settings pane.
Under the General tab, select Share Optimization from the left-hand menu.
In the Share Optimization page, you'll see a number of editable Open Graph fields and options:
Image URL: This is the page image that is visible when available, when you share your Flipbook. By default, this is image is the first page, or cover, of your Flipbook. However, you can choose a specific image by inserting a custom URL to the location of your image in this field. You can use the Absolute URL from a file uploaded to your Media library.
💡 We recommend image dimensions of 1200 × 630 pixels, or a 40:21 aspect ratio, and that you use PNG or JPEG images. GIFs will not show movement in thumbnail, might crash, and not show an image at all!
⚠️ Avoid file sizes larger than 300Kb. This is because WhatsApp, and potentially other platforms, will not show images exceeding this size.
Title: The title typed in this field will be used when sharing your Flipbook. If no title is defined, the window title will be used.
💡 Keep it short and sweet: the title shouldn't exceed 40 characters.
Description: The description is the few lines of text visible under the title, when you share your Flipbook. This can be used to give an idea of the content of your Flipbook. If left empty, the meta description from your Flipbook's SEO settings will be used.
💡 The description shouldn't exceed 100 characters, so it doesn't get cropped.
You might have noticed that any changes you make to the Open Graph fields are instantly reflected in the preview pane to the right. This gives you an idea of how your page preview will look.
📣 If you want to add your own domain on the URL at the bottom, instead of viewer.ipaper.io, you'll need to add a branded domain. Check out our guide on our branded domain feature, below:
Is your share on social media not updating to reflect recent changes?
If you have shared a Flipbook on Facebook or LinkedIn, they will cache (save) it's appearance for quite a long time.
This can mean that any changes you make to your Flipbook might not be reflected in the post.
Luckily, you can force them to get new information from the Flipbook by using each platform's debug tool:
How to enable Flipbook sharing:
Giving your Flipbook visitors an easy way to share your Flipbook with others via their mobile or tablet devices is a great way to increase the reach of your Flipbook. Luckily, you can toggle sharing easily so that they can use their device's native share settings:
In the Flipbook view in iPaper, select the '…' icon corresponding to the Flipbook for which you want to enable sharing.
Select Edit settings.
Select the General tab.
From the vertical menu on the left, select Interface.
Check the Enable sharing toggle in the Interface settings so that it should a green check mark.
Make sure to save your changes.
With sharing enabled, visitors sharing via their mobile devices will have access to their personalized, device-specific sharing functions, making it incredibly easy and intuitive to share your Flipbook.
Get beautiful images of your Flipbook using the Embed feature
If you want to promote your Flipbook, you might consider using a beautiful, 3D-perspective representation of it to inform your shoppers that you have a digital catalog.
As we're not all Photoshop pros, making such an image might not seem so simple. However, you can use the Embed function to generate a perspective image in seconds:
Select your Flipbook, then navigate to the Embed pane.
Select Perspective from the options in the View section and click Get embed code.
Copy only the URL found within the embed code. This is the section inside the quotation marks, as in the example below:
Paste this URL into a new browser tab. This will open a generated 3d render of your Flipbook.
You'll need to use a screenshot tool to capture an image of it, as it's not possible to save as an image by right-clicking. Once saved, upload it to your Media library and use it as the Open Graph share image for your Flipbook!