Adding Lineup Opportunity Boards to Your Website using iframe

You can display our Lineup Opportunity Boards directly within a page on your organization's website using iframe. 

Step 1: Copy Your Lineup Opportunity Board URL

Find the Opportunity Board you'd like to display through Admin>Opportunity Boards, and copy the "Share Opportunity Board" URL. 

Step 2: Choose or Create a Page on Your Website

In your website editor: 

1. Create a new page where you want to display your opportunities, or open an existing page. 
2. Add an HTML, Custom Code, or Embed section to the page. The exact name of this option depend on your website platform. 

Step 3: Add the Lineup URL as an iframe

Add an iframe to the HTML/Embed section and use your Lineup Opportunities URL as the src. 

<iframe
    src="https://demo.lineupteams.com/opportunities/board/2026-volunteer-opportunities"
    title="Opportunities"
    width="100%"
    height="900"
    style="border: none;">
</iframe>

Replace the example URL with the URL you copied from Lineup. 

You can also change the width and height to fit your website page. 

Step 4: Save and Publish

Save your changes and publish the page. 

Then, open the published page and confirm that your Lineup Opportunities Board page appears correctly. 

Having trouble? If your website builder doesn't allow you to add an iframe or custom HTML, contact your website administrator for assistance. If the iframe is added correctly but the Lineup Opportunity Board page doesn't display, contact Lineup Support for assistance.