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

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 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!

Similar Posts

2 Comments

  1. I would like to know step by step instructions on how to embed my flowboards into my website. I am creating a new website and would like to create flowboards for the “blog” section to showcase current projects. I have a web designer creating my site so I just need to give them the instructions.

    Thanks for your help!
    Marc

    1. Hi Marc!
      We took a look at your website and we think you’ll just be able to share your embed code with your web designer and have them add it the HTML code of your website. You can get your embed code from the end page of your Flowboard on the web. Here’s an example: http://flowboard.com/s/m2p/presentation-end

      If you have any other questions, please let us know.

      Thanks for using Flowboard, we can’t wait to see what you create!
      Jenn

Leave a Reply

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