# Public Trip Page and Website Integration Share your trip with supporters through a public fundraising page and embed it on your organization's website. Every trip in HelpYouSponsor can have a public-facing page where supporters can learn about the trip, view participants, and make donations. The public trip page is automatically generated using the trip's details and can be shared via a direct link or embedded on your organisation's website using an iframe. ## The Public Trip Page The public trip page displays the following information to visitors. ### Trip Overview * **Organization name** displayed in the header. * **Cover image** shown as a full-width banner at the top of the page (if a cover image has been uploaded). * **Trip name** as the main heading. * **Description** rendered with full formatting below the trip name. * **Destination** with a location icon. * **Trip dates** with a calendar icon. * **Fundraising goal** with a currency icon. * **Participant count** with a people icon. ### Fundraising Progress A prominent progress bar shows how much has been raised toward the overall fundraising goal, including the exact dollar amounts and percentage funded. ### Donate Button A **Donate Now** button directs visitors to the donation checkout page where they can select a participant to support or donate to the trip's general fund. The public trip page now supports two donation options: 1. **Donate to a Participant**: Supporters choose a specific participant to fund (existing behavior). Each participant is shown as a selectable designation during checkout. 2. **Donate to Trip Fund**: Supporters donate to the trip's general fund without selecting an individual participant. This option appears as "Trip Fund" or "Donate to Trip" on the donation page. How it works: * When a trip has a team fund configured, the donation page displays both options — donate to the trip fund or donate to a specific participant. * **Trip Fund donations** count toward the **overall trip fundraising total** and appear in trip-level reporting. * **Trip Fund donations do not** count toward any individual participant's fundraising total or progress bar. * The team fund is automatically created when you create a trip. No additional setup is needed. This is useful for supporters who want to help the whole team rather than choosing a specific person, and for organizations that pool funds across the trip. ### Social Sharing Share buttons are available in the header and below the trip information, allowing visitors to share the trip on social media platforms. ### Participant Grid All public participants are displayed in a card grid below the trip information. Each participant card shows: * **Photo or avatar initial** if no photo is available. * **Participant name.** * **Bio excerpt** (truncated to two lines). * **Amount raised** and **individual goal** with a progress bar. Clicking on a participant card opens their individual participant profile page, where visitors can learn more about the participant and donate specifically to them. ## Accessing the Public URL and Embed Code From the [Trip Details ](https://docs.helpyousponsor.com/guides/core-features/program-management/trips/trip-details)page, click the **Embed** button in the top-right area to open the embed drawer.
### Public URL The drawer displays the full public URL for your trip page. You can: * Click the URL to open the public page in a new tab. * Click the **Open** button to preview the page. * Copy the URL to share it via email, social media, or messaging. ### Embed Code The embed drawer provides a ready-to-use HTML iframe code that you can paste into your organization's website. The iframe will display the full public trip page within your site. {% hint style="info" %} Iframe options: * **Enable Scrolling** — Toggle scrolling on or off within the iframe. Scrolling is enabled by default to allow visitors to view all content. * **Copy Code** — Click the copy button to copy the complete iframe HTML to your clipboard. * **Preview** — A live preview of the iframe is displayed at the bottom of the drawer so you can see how it will appear on your website. {% endhint %} ## Embedding on Your Website {% stepper %} {% step %} ### Get the iframe code Open the **Embed** drawer from the Trip Details page and view the provided iframe HTML. {% endstep %} {% step %} ### Configure scrolling Adjust the scrolling option if needed (scrolling is enabled by default). {% endstep %} {% step %} ### Copy the code Click the **Copy** button to copy the iframe code to your clipboard. {% endstep %} {% step %} ### Paste into your site Paste the code into your website's HTML where you want the trip page to appear. {% endstep %} {% step %} ### Adjust dimensions Adjust the `height` and `width` values in the iframe code if needed to fit your website's layout. {% endstep %} {% endstepper %} The iframe supports Stripe payment processing, so donors can complete their donations directly within the embedded page without leaving your website. ## Individual Participant Pages Each public participant has their own profile page accessible from the participant grid. The participant page displays: * The participant's name and photo. * Their personal bio and video (if provided). * Individual fundraising progress. * Social media links. * A donation button to support that specific participant. Participants can share their individual page link with their personal network of supporters to drive donations toward their individual fundraising goal.