Public Trip Page and Website Integration

Share your trip with supporters through a public fundraising page and embed it on your organisation'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

  • Organisation 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.

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.

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 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.

circle-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.

Embedding on Your Website

1

Get the iframe code

Open the Embed drawer from the Trip Details page and view the provided iframe HTML.

2

Configure scrolling

Adjust the scrolling option if needed (scrolling is enabled by default).

3

Copy the code

Click the Copy button to copy the iframe code to your clipboard.

4

Paste into your site

Paste the code into your website's HTML where you want the trip page to appear.

5

Adjust dimensions

Adjust the height and width values in the iframe code if needed to fit your website's layout.

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.

Last updated