Want to add content from another service or customize your presentation further? The HTML template lets you embed code snippets directly into your presentation.

Requirements

• An embed code or HTML snippet from an external service (e.g., video player, weather widget, etc).

Instructions

Step 1: Get an embed code

1. Locate the embed code from the service you want to use.
2. Make any recommended adjustments to ensure it displays properly. Rise Vision will not assist you troubleshooting HTML code formatting.

Here’s a sample HTML snippet you can try:

<style>
  body {
    background-color: green;
  }
  h1 {
    font-size: 150px;
    color: white;
  }
  p {
    font-size: 75px;
    color: black;
  }
  .container {
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
</style>
<div class='container'>
  <h1>Congratulations!</h1>
  <p>You successfully embedded a snippet of code!</p>
</div>

Step 2: Create a presentation using the HTML template

1. Go to the Presentations tab in your Rise Vision account.
2. Click the + Add Presentation button.
3. In the template library window, select the HTML Embed Full Screen template.

Step 3: Add your embed code

1. Click the HTML Embed component.

   

2. Delete the default code.
3. Paste in the embed code you copied in Step 1.

Behavior Notes

You can combine zoned templates with the HTML embed template. To do this, instead of choosing the HTML Embed Full Screen template from the template library, select a zoned template with an area designed for embedded content. Then insert your HTML template into that zone to create a dynamic, multi-source presentation.

Have a suggestion or feature request? Let us know here.