---
title: "Ajouter une bannière"
description: "Ajoutez une bannière ou un carrousel sur votre page d'accueil avec l'éditeur visuel : taille recommandée, image mobile, boutons, vidéo et apparence."
url: https://www.ciklik.academy/fr/personnalisation-site/ajouter-une-banniere/
lang: fr
lastUpdated: 2026-10-09
---

# Ajouter une bannière

> Boutique box
>
> Cette page concerne les boutiques box, hébergées par Ciklik. Vous utilisez le module PrestaShop ? [Voir la documentation PrestaShop](https://www.ciklik.academy/fr/prestashop/).

## Votre image de bannière

Accédez à l’[éditeur visuel](https://www.ciklik.academy/fr/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/) pour votre page d’accueil et sélectionnez le bloc **Bannière**.

La taille recommandée pour votre **bannière** est de **1425 pixels de large par 450 pixels de haut**.

Vous pouvez importer plusieurs images de bannière en créant plusieurs slides au niveau du bloc bannière.

Vous pouvez définir une image de bannière différente pour la version mobile de votre site (champ **Fond (mobile)** de l’onglet **Apparence**).

Le titre repris dans le bloc bannière est le H1 de votre page.

Si la bannière compte plusieurs slides, réglez leur **Durée de défilement (en seconde)** (6 secondes par défaut).

## Détail du bloc bannière

Depuis le détail du bloc bannière, 2 onglets sont disponibles.

### Depuis l’onglet Contenu

Vous pouvez renseigner un **titre** et une **description** reprise sous votre titre et régler le **Niveau de titre** avec le curseur (il change la taille d’affichage, le titre reste le H1 de la page).

Vous pouvez ajouter des **boutons** sur votre bannière.

Vous pouvez aussi positionner une **vidéo** cliquable au niveau de votre bannière : renseignez alors l’url youtube de votre vidéo dans le champ Vidéo.

### Depuis l’onglet Apparence

Vous pouvez personnaliser :

- L’image de fond (**Fond**) et l’image de fond mobile (**Fond (mobile)**)
- La couleur de fond et la couleur du texte (palette de votre site)
- La position du texte (**Position du text**)
- La hauteur de la bannière (**Hauteur (en % de l’écran)**)
- L’espacement avec les boutons (**Espace au dessus des boutons**)
- L’affichage mobile (**Image sous le texte** ou **Image au dessus du texte**)

## Voir aussi

[Créer sa page d'accueil et des pages de contenu avec l'éditeur visuel](https://www.ciklik.academy/fr/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/)

[Check-list visuels](https://www.ciklik.academy/fr/personnalisation-site/check-list-visuels/)

[Personnaliser le design de son site : couleurs et polices](https://www.ciklik.academy/fr/personnalisation-site/personnaliser-le-design-de-son-site-couleurs-et-polices/)