59

Quick Guides on Modules and Features

Last Update 8 dagen geleden

Signing in to Flow Configure Flow Dashboard -Enable Dark Mode and More Setting Up Your Profile on Flow (flowapp.com) Managing Admin Accounts on Flow Manage Your Flow Account

Show Web Pages, 3D, AR, VR Content with Web Content Block

Provide hands on exeprience

Tharinda Lasika

Last Update 2 maanden geleden

The Web Content Block is the most recent addition to the Flow storyboard. This guide is intended to walk you through the process of adding your web page to the module and testing it.

What Does It Do?

With the WBC, you can display,
  • Any Web Page (such as a sign-up page): The pages MUST support iFrame (Contact your Web Developer to make changes to your web page/site)

  • Augmented Reality content

    • Sign-up pages

    • Marketing/Sales

    • Virtual showcases

    • Virtual 3D tours

    • Anything else that you want to display (web content).

    How Does It Work?

    It provides a single user experience for each user when you play the web content block. For example, it could be a sign-up page and let individual users sign up for your product. Another example would be a 3D walkthrough/demo, or a YouTube video (each user must play the video individually). 

    Web Content experiences are NOT guided. If you want to provide a GUIDED experience, use the Screen Sharing Module instead.

    What Does It Not Do?

    What does the web content block not support?
    • The item cannot be recorded as an autoflow
    • Pages with restrictions on iFrames (i.e., Google, Facebook). To share social sites such as YouTube, use the embedded link (example below).

    Adding and Using the Block

    1. Click the Storyboard while you are in the webinar room or the meeting room
    2. Click the "Add Content Block" option (scroll down to the bottom of the storyboard if you cannot find it)
    3. While in the Storyboard items panel, scroll to the bottom and find the Web Content Block
    4. Click the Web Content Block and then click Next
    5. Select the presenters assigned to this block and click Next
    6. Read the instructions here and add a link. This MUST be an HTTPS link and the page MUST support opening in an iFrame
    7. As soon as you add the link (copy/paste or type) you will see a preview of your web page/site. Click ADD TO STORYBOARD next.

          The page successfully opens in an iFrame

          Troubleshooting

          If you are seeing a broken page (see below) contact your web developer and add flowapp.com to show your website within an IFRAME

          No iFrame support

          💡ProTip:
          On mobile browsers, some websites may take you to an internal page when playing something on the webpage, such as a virtual tour, and the attendee may not see the next modules. This is rare, but be sure to test the content block by playing it and viewing it. You can create a duplicate event, start it, play the web content module, and view the content as a mobile attendee to verify it.
          iFrame, a biginner's guide: https://www.w3schools.com/html/html_iframe.asp

          Adding YouTube Videos

          1. To share YouTube content you can use the following link: https://www.youtube.com/embed/VideoID
          2. Replace the VideoID with the random text at the end of the YouTube video's link
          3. An example: https://www.youtube.com/embed/F9qbVab6dWg
          4. To AUTOPLAY, use the following parameter: 
          https://www.youtube.com/embed/F9qbVab6dWg?autoplay 

          Demos and Examples

          The following screen captures below display how the web content appears in the webinar (4 separate instances in one image).

          Was this article helpful?

          0 out of 0 liked this article

          Still need help? Message Us