Embed your FlowVella into your WordPress Blog – New in 1.2!

June 27, 2013

Embed your Flow into your WordPress blog posts, now available with FlowVella version 1.2! Now you can embed the FlowVella Web Player on any website or blog. With WordPress however, you have to install a special function, and then embed it anywhere on your WordPress blog. To be able to embed your Flow, iFrames must be allowed on your WordPress blog. A special function must be included 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 you’re 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, then post it! If you have any questions, feel free to comment or send us an email!