Skip to main content

Lay out the campaign

Pour :Administrateur
View of the campaign layout page

The Campaign layout page (/app/campagne/settings) lets you fully configure the visual and content of the public page. It is organized into three tabs.

Select the campaign to edit​

In the top right, a selector lets you switch between your different campaigns. The choice is memorized locally (localStorage) so you find the last viewed campaign when moving from one screen to another.

Tab 1 — Configuration​

This tab groups the global options of the public page:

BlockFields
SEOMeta title, meta description, OG image (used for sharing on social media), canonical URL
Intro videoVideo URL field (YouTube, Vimeo, etc.) displayed at the top of the public page
Template optionsAvailable only if the campaign uses an advanced template like ALD: logo, displayed name, side poster, predefined buttons

Tab 2 — Banners​

The Banners tab manages the header images of the public page. It distinguishes two formats to fit different devices:

FormatRecommended dimensionsUse
DESKTOP1920 × 600 px (landscape)Display on computers and tablets in landscape mode
MOBILE750 × 1000 px (portrait)Display on smartphones and tablets in portrait mode

Edit a banner​

  1. 1

    Open the Banners tab

    On the Layout page, click the Banners tab.

  2. 2

    Click an existing banner

    The edit modal opens. You can also click Add a banner to create a new one.

  3. 3

    Upload the visual

    Click the drop zone and choose the image. Accepted formats are JPG, PNG and WebP.

  4. 4

    Choose the type (Desktop or Mobile)

    Specify which format the image is for.

  5. 5

    Add an optional link

    If you want clicking the banner to lead elsewhere, indicate a URL.

  6. 6

    Validate

    The banner is immediately applied on the public page.

Tab 3 — Sections​

Sections are free content areas displayed one below the other on the public page. Each section has a type:

Section typeUse
Rich textFree editorial block with formatting
Image galleryPhoto carousel
VideoEmbedded player (YouTube, Vimeo)
TestimonialsFramed quotes from donors or beneficiaries
CountersDisplay of configured counters (see counters module)
Payment buttonsPre-filled buttons from products
Free HTMLHTML block for advanced cases

Reorder sections​

Sections are reorderable by drag-and-drop. Hold the click on the handle to the left of a section and move it up or down. The order is automatically saved with each movement.

Edit a section​

  1. 1

    Click on a section

    The ModalEditSection modal opens.

  2. 2

    Edit the content

    Depending on the section type, the available fields change (rich editor, image selector, URL field, etc.).

  3. 3

    Validate

    The section is updated immediately on the public page.

Delete a section​

Each section has a delete button. The section disappears immediately from the public page after confirmation.

Save and publish​

All changes are saved via the endpoint POST /campagnes/[id]/config/edit. There is no draft: each change is applied in real time on the public page. If your campaign is disabled, visitors see nothing; if it is active, they see the result as soon as the page is reloaded.