Forum Discussion

ChabelSantac416's avatar
ChabelSantac416
Community Member
2 years ago
Solved

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 qui...
e-learning development
instructional design
rise 360
storyline 360
  • SamHill's avatar
    SamHill
    12 months ago

    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
12 months ago

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: