How to Embed a PDF in a Program Description

Last Update: August 19th, 2021

Step One: Upload Your File

  1. Navigate to your program (Programs > View/Search Programs > Click program name)
  2. At the bottom of the page, click Add/Edit Links and Forms.
  3. Click Add New Program Form.
  4. Enter a title for the document (this will show on the public side).
  5. Click Choose File and select your desired PDF.
  6. Click Submit.

Step Two: Embedding The File

  1. Return to the Add/Edit Links and Forms page.
  2. You will see a file name for your file. Highlight the text, right-click it, and click Copy Link Address. (You can also click on the file name, and copy the link from the address bar in your browser.)
  1. Go back to your program page, and click Edit This Program/Photo.
  2. In the “Description” field, click the second icon from the left. It looks like < >
  3. A new window will open. Paste this code into the window:
      <iframe width="100%" height="500px" src="PASTE LINK
  4. Highlight the text PASTE LINK HERE and delete it. Paste the link into the field between the quotation marks (It will not work without the quotation marks!) Note: If you already have content in the Description box, you will have to paste the code on the correct line in the source code to have it display properly (call support with any questions).
  5. Click the blue OK button, and then click the green Update button at the bottom of the page.
  6. Back on the program page, click View Program as Public to make sure the embed works. If it does not work, make sure you pasted the correct link, and included the quotation marks around the link.