How to Add Videos and Buttons using System/Platform Content

Learn how to easily add videos, buttons, and other simple HTML elements to your platform using the System/Platform Content snippets. This guide provides copy-and-paste code examples, step-by-step instructions, and basic HTML tips to help you customize your pages quickly and easily.

In This Article:

How to add a video

How to add a button

Pro Tips

System Platform/Content Keys

How to Add a Video

1. Navigate to Settings > Content/Letters > System/Platform Content.

2. Search for the content snippet you want to add the video to using a keyword.

3. In the Override section, paste the following code:

<iframe width="560" height="315" src="PASTE_VIDEO_URL_HERE" 
title="VIDEO_DESCRIPTION_HERE" frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
allowfullscreen>
</iframe>

4. Replace PASTE_VIDEO_URL_HERE with the video URL.

5. Replace VIDEO_DESCRIPTION_HERE with a brief description of the video (e.g., "Intro to Enrollment Video"). This description helps users who rely on screen readers.

Example:
On the Guardian Login page, we added a video above the "Need an Account?" snippet using this method.

How to Add a Button

1. Navigate to Settings > Content/Letters > System/Platform Content.

2. Search for the content snippet you want to add the button to using a keyword.

3. In the Override section, paste the following code:

<a href="PASTE_URL_HERE"><button>BUTTON_TEXT_HERE</button></a>

4. Replace PASTE_URL_HERE with the link where you want users to go.

5. Replace BUTTON_TEXT_HERE with the text you want displayed on the button.

Example:
On the Guardian Login page, we added a "Help and Support" button above the "Need an Account?" snippet, linking to our family support articles.

Pro Tips

When adding videos, buttons, or other HTML elements, these simple tips can help your content display nicely:

• Line breaks: Use <br> to add a single line break. Example:

  Welcome to our site!<br>We’re glad you’re here.
  

• Paragraphs: Use <p> to separate blocks of text. Example:

  <p>This is the first paragraph.</p>
  <p>This is the second paragraph.</p>
  

• Bold or italic text: Use <b> or <strong> for bold, <i> or <em> for italics. Example:

  <strong>Important:</strong> Make sure to update your info.
  

• Links: Use <a> to create clickable links. Example:

  <a href="https://example.com">Visit our help page</a>
  

• Lists: Use <ul> for bulleted lists and <ol> for numbered lists. Example:

  <ul>
    <li>First item</li>
    <li>Second item</li>
  </ul>
  

• Always close your HTML tags properly. For example, <iframe>…</iframe> and <button>…</button>.

• Use quotation marks for all attributes, like href="URL" or title="Video title".

• Keep video sizes reasonable to avoid slowing down page load times.

• Use consistent button text and styling for a better user experience.

• Before updating on Production, test your HTML changes in your Sandbox platform.
• If you don't see your changes reflected, try clearing your cache and refreshing the page.

These are all safe, simple tags that work well in your System/Platform Content snippets.

New to HTML and need more help? 

Check out the Text to HTML online tool so you can simply copy & paste the code you need!

System Platform/Content Keys

Below are common places where SchoolMint Enroll partners that have added additional context to the parent dashboard through HTML, and they keys you can use in the System/Platform Content search tool to find them.
 

Parent Login Screen:

signIn.subTitle

Parent Dashboard (with Students attached):

parentDashbord.description.withStudents

parentDashbord.description.withoutStudents

Parent Dashboard (without Students attached):

parentDashbord.description.withoutStudents

Selecting Forms:

parent.student_information.eligibleForms.infoMsg

Student Lookup:

parent.apply.getStarted.studentEnrolled