Manage products
Products are the suggested donation tiers you offer to visitors on your public page. They appear as clickable buttons: "Donate 50 [EUR]", "Sponsor a meal at 25 [EUR]", "Sponsor a tablet at 250 [EUR]", etc.
The My Products page (/app/campagne/products) lists all
products of the selected campaign.
Why use products
Without products, the visitor must freely enter their donation amount. However, tests show that:
- offering 3 to 6 donation tiers increases conversion by 20 to 40%
- displaying visual rewards (image + description) increases the average basket
- arranging products from smallest to largest captures small donors without discouraging the big ones
Fields of a product
| Field | Description |
|---|---|
| Image | Square visual recommended (400 × 400 px) |
| Displayed name | Button text (e.g. "Sponsor a meal") |
| Amount | Pre-filled donation value (in [EUR]) |
| Description | Explanatory sentence shown below the name |
Create a product
- 1
Open the My Products page
In the sidebar, click Campaigns > Products.
- 2
Select the campaign
If several campaigns exist, choose the right one.
- 3
Click Add a product
The button in the top right opens the edit modal.
- 4
Upload an image
Click the image area and choose a file. Square recommended.
- 5
Fill in name, amount and description
Be concise: the text must fit on a button.
- 6
Validate
The product appears in the list. It is immediately visible on the campaign's public page (if it is active).
Reorder the display
Products are sortable by drag-and-drop. Hold the click on the
handle to the left of a line and move up or down. The order is
automatically saved via the endpoint
POST /campagnes/[id]/products/position.
The chosen order is reflected on the public page: the first product in the list appears first in the button strip.
Display on the public page
On the campaign's public page, products appear in the Payment buttons section (if you have added it in the sections — see Lay out the campaign).
Two possible display modes depending on your template:
| Mode | Description |
|---|---|
| Cards | One card per product with image, name, description and button |
| Buttons | Compact buttons with only the name and amount |
Clicking on a product triggers the opening of the payment form with the amount pre-filled. The donor can always change the value if they wish.
Edit or delete a product
- 1
Click the Edit pencil
The edit modal opens with the current values.
- 2
Update the fields
Image, name, amount, description.
- 3
Validate
The changes are applied immediately on the public page.
To delete, click the red trash button and confirm.
Advanced use case: galas and ambassadors
Products are also used in the live screens:
- Gala screen: on the fundraising screen, each payment or pledge line can be pre-filled by clicking on a product button
- Ambassadors: when creating an ambassador team, the goal can be pre-filled by clicking on the product buttons
The better defined your products are (round amounts, clear labels), the faster and smoother the entry on these screens is.