How to embed a flipbook/digital magazine into your website – Video Tutorial


Welcome to the screencast “This is how the embed wizard works”! We will start our tour in our demo WEBKiosk. Below our magazine you will find 3 links. The first link contains the already visible information about the current magazine. The link share contains the various sharing options available for our magazine. And the last link “Embed”, contains the embedding options. This is where we want to go. Clicking the link will open the embed wizard. The wizard contains various options to embed the magazine on our homepage. On Facebook or into a blog. Clicking trough the gallery, we can also learn more about the different options. Yumpu gives a brief description below the gallery. Using the follow button, you enable your readers to follow your magazines on Yumpu. The text link leads directly to your magazine and can easily be integrated anywhere. The button makes the text link even more visible so it can be found easier. Using the option “Magazine cover” will embed your magazine cover directly where you want to show it. and give your readers yet another preview at what to expect from your magazine. “Custom” allows you to embed a live, page turning version of your magazine directly on your homepage. Magazines can also be embedded using “Advanced”. However, this option also contains many options for tech-savy users or webmasters. We will select the option “Magazine cover” first. At the top of the page we will find the embed code. We copy and embed it without changing it on your website. But Yumpu offers more than just that. Under “General” we can choose a certain page from our document for viewing Under “Size” we can adjust the width. To make it simpler, the three most popular sizes have been already provided as quick-picks. Of course you can adjust the size freely at any time. Under “Style”, we can customize the background color. Of course you can choose your own look for your magazine. Next, we adjust the content and appearance of the articles around our magazine. That’s it on the subject “Magazine cover”. Now we will focus on the most popular option, “Custom”. After clicking the back button, we will be directed back to the selection of our embed code. We select “Custom” and click “Create” to get to the settings menu of our embedded magazine. Here we find the already known options from “Magazine Cover” and a few little extras. First thing we do is to adjust the size. Either we select a size from the quick-pick options or customize it. In the preview window on the right we can also live-track all changes. If the embedded magazine is too large for the preview window we can either scroll down to get a full view or click the preview button directly above the magazine to adjust our magazine size to the size of the preview window. This way you will alwas get the whole view. Under “Style” we adjust the background to our liking. The color can be chosen freely aswell. Or we can select exact values to match the corporate design of the magazine. Under the option “Button click to read” you can find the settings menu of the zoom function for the magazines on Yumpu.com Select wether you want the button to be visible or not. Or, select how you want the button look like. In the preview window you can live-track all changes at any time allowing you to make easy selections and adjustments. And that was it! Now you can copy the code and add it to your own website any time. It’s that simple! Typically Yumpu. Yumpu – We change the way people read content.

, , , , , , , , , , , , , , , ,

Post navigation

Leave a Reply

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