Embed Your Presentation Into Your WordPress Blog: New in 1.2!

June 27, 2013

Embed your presentation into your WordPress blog posts, now available with FlowVella version 1.2! The FlowVella Web Player can now be embedded on any website or blog with a small code snippet provided after posting your Flow.

With WordPress however, you will need to also follow a few additional steps to allow the FlowVella Player to appear. First, to be able to embed your Flow, iFrames must also be allowed on your WordPress blog. Next, a special function must be added into your functions.php file.

Add Flow to WordPress

Add the FlowVella Web Player to WordPress Blogs

Here’s how you to embed your Flow on WordPress:
1.) Login to your WordPress site using the /wp-admin page
2.) Hover over the Appearance menu item, then click the editor option.
3.) Click on the ‘Theme Functions (functions.php)’ file located in the right menu list.
4.) Navigate to the bottom of the file and paste the code below.

// Function to allow iFrames to be embedded in WordPress post.
function iframe_func($atts) {
return '<iframe style="'.$atts['style'].'" src="'.$atts['src'].'" height="'.$atts['height'].'" width="'.$atts['width'].'" allowfullscreen></iframe>';
}
add_shortcode('iframe', 'iframe_func');

5.) Click the update file button. Now you are able to embed iFrames into WordPress posts using the code. You get this code on the last screen of your Flow, and then copy it. Be sure to paste the code while you are in the ‘Text’ mode and not the ‘Visual’ mode, or it won’t work.

View on FlowVella – Presentation Software for iPad

If your blog is hosted somewhere other than WordPress, you shouldn’t have to include this special function. You can just copy and paste our embed code into the HTML view of your post, preview it to verify it’s there, and then post it! If you have any questions, feel free to comment below or send us an email!