Forum Discussion

ChabelSantac416's avatar
ChabelSantac416
Community Member
2 months ago

7taps and storyline / rise - how to combine or integrate both?

Hi all,  

I am hoping anyone out there has done some work integrating 7taps elements into storyline or rise courses and can share some good practice or ideas? 

We have purchased 7taps and are quite happy with that it can do in terms of creating very quick and nice looking micro learning assets but I am keen to integrate both 7 taps and articulate together (unsure if this will actually be doable for storyline unless being very creative with it but, please, do share!). The main goal is to link some mini-courses designed on 7taps within the end of an assessment on storyline or rise, for tailored or suggested further learning, for example.

Any and all ideas more than appreciated, and happy to share results once our courses are at a shareable state!

  • Hi ChabelSantac416 take a look at the WebObject for Storyline. This method allows you to integrate HTML files into Storyline using an external URL or browsing to a local folder on your computer (provided the folder contains an index.html file). Using an external URL will reference the live files, using local files will take a copy of those files, and bundle them in your Storyline file (no longer referencing the local files).

  • Hi ChabelSantac416 take a look at the WebObject for Storyline. This method allows you to integrate HTML files into Storyline using an external URL or browsing to a local folder on your computer (provided the folder contains an index.html file). Using an external URL will reference the live files, using local files will take a copy of those files, and bundle them in your Storyline file (no longer referencing the local files).

  • Nedim's avatar
    Nedim
    Community Member

    It is fairly easy to integrate 7taps into Storyline. As Sam pointed out, you can use the Web Object element in Storyline and import a folder containing the index.html file that holds the iframe code provided by 7taps. It could look as simple as this:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>7taps Course</title>
    </head>
    <body>
        <iframe 
            src="https://app.7taps.com/v9DQkIE2VRiZ" 
            title="7taps course" 
            width="720px" 
            height="680px" 
            style="border-radius: 20px; border: 0; display: block; margin: 0 auto;">
        </iframe>
    </body>
    </html>

    Once you've added the iframe code, you can adjust the size and position to fit your Storyline project, and the 7taps content will be embedded seamlessly. Example below:

    • Nedim's avatar
      Nedim
      Community Member

      No problem. If you are looking for an easier solution, you can also embed the 7taps iframe directly using the 'Insert Video' > 'Video from Website' feature.