Skip to main content

Customize the public page

Pour :Administrateur

The public page is what your donors see when they click on the Fund's link. Taking care of this page regularly doubles the conversion rate: a good image, a 90-second video from the rabbi, and well-calibrated suggested amount buttons make the difference.

Anatomy of the public page​

Here are the elements present on the public page (in display order):

BlockSource on the admin side
TitleName field of the Main section
Background imageBackground image field of the Content management section
YouTube videoYouTube ID field
DescriptionRich content field of the editor
Progress gaugeAuto (if mode with goal)
Donation formAuto (free amount + predefined buttons)
Image carouselCarousel field

Configure each block​

All customization takes place in the Content management section of the creation/edit form.

Background image​

The background image is the most impactful element of the page: it is what the donor sees first.

  1. 1

    Choose a good image

    • Landscape format (16:9 or 3:2 ratio ideal)
    • Minimum resolution 1920 Γ— 1080 px
    • Weight less than 500 KB for fast loading
    • Clear and identifiable subject (the prayer room to renovate, the event)
  2. 2

    Upload the image

    In the Content management section, click on the Background image area and select your file. A preview appears immediately.

YouTube video​

A short presentation video (60 to 120 seconds) multiplies engagement, especially if it is carried by a known figure of the community.

  1. 1

    Prepare the video

    Upload the video on YouTube (public or unlisted). Retrieve its identifier: it's the string of characters after v= in the URL.

    Example: for https://www.youtube.com/watch?v=dQw4w9WgXcQ, the identifier is dQw4w9WgXcQ.

  2. 2

    Paste the identifier

    In the Content management section, paste the identifier in the YouTube ID field.

Editorial content​

The rich content is the presentation text: why this Fund, what the money is for, what results you expect.

The editor supports:

  • Titles (h2, h3)
  • Paragraphs
  • Bulleted or numbered lists
  • Bold, italic, underline
  • External links
  • Embedded images
  • Color formatting

A few writing rules:

  • Get to the point: the donor decides in a few seconds
  • Tell a story: the "why" before the "how much"
  • Break into short sections with subtitles
  • End with an explicit call to action

Predefined amount buttons​

The predefined buttons (presetButtons) are suggested amounts that appear above the free entry field. Well chosen, they orient the donation towards higher average amounts.

Each button consists of:

FieldDescription
AmountNumerical value of the donation
TextShort label displayed (e.g.: "50 € β€” 1 chair")
ColorBackground color of the button (visual brand)
CurrencyCurrency of the amount (multi-currency)

Recommended example for a renovation at 20,000 €:

ButtonTextColor
50 €50 € β€” 1 chairLight blue
180 €180 € β€” 1 mΒ² of carpetBlue
500 €500 € β€” 1 windowDark blue
1,800 €1,800 € β€” 1 entire wallGold

The carousel is a gallery of scrolling images displayed below the form. Useful for:

  • Showing the planned before/after
  • Presenting the team or volunteers
  • Illustrating future uses
  • Documenting the progress of works (regular updates)

Recommended format: 5 to 10 images in landscape, 1200 Γ— 800 px resolution, short captions.

Donor-side appearance​

Here is what a donor sees (display order from top to bottom):

  1. 1

    Immersive header

    Full-screen background image, with Fund title overlaid and Donate button.

  2. 2

    Video (if configured)

    Embedded YouTube player, on-demand playback.

  3. 3

    Description + gauge

    Editorial text on the left, progress gauge on the right (collected amount, goal, remaining to reach).

  4. 4

    Donation form

    Predefined buttons at the top, free amount field below, currency selection if multi-currency. Donor information (name, email) is requested at the next step of payment.

  5. 5

    Image carousel

    Scrolling gallery at the bottom of the page.

UX best practices​

To remember​

  • The background image and video capture attention in the first 3 seconds
  • The buttons are not just aesthetic: they orient the average basket
  • The rich content should be readable in less than 30 seconds
  • The public page does not display the list of donors β€” no social pressure by ranking
  • A well-cared-for page regularly doubles the conversion rate