When constructing your website, integrating embed codes and PDF files can significantly enhance its functionality, usability, and effectiveness in engaging visitors. Embedding various codes allows you to incorporate third-party tools, widgets, multimedia content, and interactive elements seamlessly into your web pages.
In this article, we will learn how to add embed codes and embed PDF files into your school's pages.
Embed Code
To add embed codes to your school's pages:
1. Navigate to Website → Design → Edit Website and select the desired page via the Pages Manager.
2. Click on Add a section.
3. Select the Embed category and choose a template.
4. Click on the added template, paste the embedded code snippet to the Embeddable script box of the Sideform, and click on Update.
5. Click on Save.
Embeds are rendered only when pages are updated or when previewing. You can find useful information about your Page Structure here.Embed PDF files
In some cases, you might want to embed PDF files on your school's page in addition to your activities. To embed a PDF file on a school page first you need to,
- Upload the PDF file to an online storage service such as Google Drive, Microsoft's OneDrive, etc.
- Copy the embed code provided.
- Paste the embed code on any section or widget on your school pages.
Upload the PDF file to an online storage service
In this example, we will upload the PDF file to Google Drive.
1. Upload the PDF file to Google Drive. You can find out more information here.
2. Open the file and click on the three dots on the top right of your screen.
3. Hit the Open in a new window option.
Make sure that access to the PDF file is not restricted, and the file will be visible to the public by sharing the file publicly.Copy the Embed Code
A new window with your PDF file will open.
1. Click on the three dots at the top-right of your screen.
2. Choose the option Embed item.
3. Copy the embed code.
Paste the Embed Code
Visit the school page where you would like to embed the PDF file and navigate to a section including an Embed widget or any Screens Widget. In this example, we will add the embed code to a Screen widget.
1. Click on the image holder for the sideform to appear.
2. Press the Embed option and paste the code.
3. Click on Update and Save to save all the changes.
If you wish to offer downloadable files to your users, you can follow the steps in this article.