We offer hundreds of great, eye-catching templates, but what if you need a bit more flexibility or want to integrate content from another service? The HTML template makes it easy to embed a code snippet, or even write one yourself.
To use the template, all you need is a snippet of code to embed. Many services like Youtube and Facebook offer embeddable widgets for which you can obtain a code snippet on their respective websites.
Here’s a brief video to show you how it works:
Step 1: Get an embed code.
What you need is typically called an “embed code”. It’s often one of the options when you try to share a post or video.
While most embed codes should work, keep in mind that you may need to follow the provider’s instructions to make some adjustments to make it look good on your display.
Here’s an example code snippet you can copy if you want to try it out:
<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 from the HTML template.
In Presentations, click on “Add from Template” and choose the HTML template.
Step 3: Paste your embed code into the HTML embed component.
Next to “HTML Embed”, click on “Edit”. Delete the default code, and paste in the one you copied in step 1.
Using our zoned templates in combination with the HTML embed template, you can create presentations that combine our awesome templates with content from other services. To try it out, search our templates gallery for zoned templates and pick one with an area for embedded templates. You can then embed your HTML template into it.