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
Navigate to Settings > Content/Letters > System/Platform Content.
Search for the content snippet you want to add the video to using a keyword.
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>Replace
PASTE_VIDEO_URL_HEREwith the video URL.Replace
VIDEO_DESCRIPTION_HEREwith 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
Navigate to Settings > Content/Letters > System/Platform Content.
Search for the content snippet you want to add the button to using a keyword.
In the Override section, paste the following code:
<a href="PASTE_URL_HERE"><button>BUTTON_TEXT_HERE</button></a>Replace
PASTE_URL_HEREwith the link where you want users to go.Replace
BUTTON_TEXT_HEREwith 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"ortitle="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
Comments
0 comments
Article is closed for comments.