---
title: "Add a banner"
description: "Add a banner or a slider to your homepage with the visual editor: recommended size, mobile image, buttons, video and appearance settings for each slide."
url: https://www.ciklik.academy/en/personnalisation-site/ajouter-une-banniere/
lang: en
lastUpdated: 2026-10-09
---

# Add a banner

> Box store
>
> This page applies to box stores hosted by Ciklik. Using the PrestaShop module? [See the PrestaShop documentation](https://www.ciklik.academy/en/prestashop/).

## Your Banner Image

Access the [visual editor](https://www.ciklik.academy/en/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/) for your homepage and select the **Banner** block.

The recommended size for your **banner** is **1425 pixels wide by 450 pixels high**.

You can import multiple banner images by creating multiple slides within the banner block.

You can set a different banner image for the mobile version of your site (**Fond (mobile)** field in the **Apparence** tab).

The title displayed in the banner block is the H1 of your page.

If the banner has several slides, set their **Durée de défilement (en seconde)** (scroll duration, 6 seconds by default).

## Banner Block Details

From the banner block details, 2 tabs are available.

### From the Contenu (Content) Tab

You can enter a **title** and a **description** displayed under your title, and set the **Niveau de titre** (heading level) with the slider (it changes the display size, the title remains the H1 of the page).

You can add **buttons** to your banner.

You can also position a clickable **video** on your banner: simply enter the YouTube URL of your video in the Video field.

### From the Apparence (Appearance) Tab

You can customize:

- The background image (**Fond**) and the mobile background image (**Fond (mobile)**)
- The background color and the text color (your site palette)
- The text position (**Position du text**)
- The banner height (**Hauteur (en % de l’écran)**)
- The spacing above the buttons (**Espace au dessus des boutons**)
- The mobile layout (image under or above the text, **Affichage mobile**)

## See also

[Create your homepage and content pages with the visual editor](https://www.ciklik.academy/en/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/)

[Visual checklist](https://www.ciklik.academy/en/personnalisation-site/check-list-visuels/)

[Customize site design: colors and fonts](https://www.ciklik.academy/en/personnalisation-site/personnaliser-le-design-de-son-site-couleurs-et-polices/)