Créer et positionner des conteneurs

Aperçu

Les conteneurs sont les espaces publicitaires de la boutique. Ils sont gérés sous eCom \ Container.

Un conteneur devient effectif en deux étapes : vous le créez, puis vous définissez comment la zone dans laquelle il apparaît est affichée.

Ce qu'est un conteneur, quels types de liens existent et quelles dimensions d'image s'appliquent sont décrits dans la fiche technique sur la page Marketing-Container.

Créer un conteneur

1. Ouvrir eCom \ Container. La liste affiche tous les conteneurs existants avec position, type, type de lien et statut. Cliquez sur Neuen Container anlegen pour en créer un nouveau, un clic sur une ligne ouvre un conteneur existant pour le modifier.
2. Choisir le type de conteneur : Image, Image avec texte ou Texte avec image. Voir ci-dessous.
3. Selon le type, ajouter une Image et un Texte. Si l'image a été créée par IA, cochez Bild ist KI generiert — voir Marquer les images comme générées par IA. Le texte peut être formaté via la barre d'outils du champ Inhalt. Les dimensions de l'image dépendent du mode d'affichage de la zone, voir ci-dessous.
4. Définir la Priorität. 1 apparaît en premier.
5. Si le conteneur doit apparaître uniquement pour certains clients, sélectionner une Kundenliste. Sans liste de clients, il apparaît pour tous.
6. Définir le type de lien et la cible correspondante.
7. Mettre le Status sur Freigegeben — seul ce statut rend le conteneur visible dans la boutique.
8. Enregistrer.
9. Fournir les données — avec la case Images cochée, sinon l'image manque dans la boutique.

Optionnellement, un période d'affichage peut être définie via Von et Bis, par exemple pour une action limitée dans le temps. Sans saisie, aucune limite ne s'applique.

Choisir le type de conteneur

Type	dans la zone flottante	dans le slider
Image	seulement l'image	seulement l'image
Image avec texte	Texte à droite de l'image	Texte en bas de l'image
Texte avec image	Texte à gauche de l'image	Texte en haut de l'image

Le champ Inhalt dispose d'une barre d'outils propre pour le formatage.

Lors du choix du type, considérez dans quel Bereich le conteneur apparaît : la même combinaison d'image et de texte est affichée côte à côte dans la zone flottante et superposée dans le slider. Un texte qui s'adapte à côté de l'image dans la zone flottante peut paraître différent au-dessus de l'image dans le slider.

Ajouter une image

Préparez l'image pour une tuile flottante carrée de 900 × 900 pixels — même pour les types avec texte. Une tuile avec texte est deux fois plus large, mais l'image reste de la même taille que dans une tuile sans texte. Vous n'avez donc pas besoin d'une image plus grande.

Attention : Dans la zone flottante, l'image peut être rognée à gauche et à droite. Elle remplit la hauteur de la tuile, et si une tuile voisine contient beaucoup de texte, toute la rangée devient plus haute. Placez donc le motif au centre et laissez une marge latérale.

Règle générale : des images plutôt larges pour le slider, carrées pour la zone flottante.

Pour le slider, le format nécessaire dépend de l'activation du changement automatique :

Intervalle d'affichage	Taille d'image recommandée
0 — pas de lecture automatique	au moins 630 pixels de haut, ratio entre environ 1:1 et 2,3:1, par exemple 945 × 630
plus grand que 0 — lecture automatique	1500 × 500 pixels (3:1)

Dans le slider, l'image n'est pas rognée. Si le ratio n'est pas adapté, l'image est ajustée plus petite et des bandes vides apparaissent — dans le slider en lecture automatique sur les côtés si l'image est trop haute, et en haut et en bas si elle est trop large. Un cadre plus grand ne résout pas cela, seul un ratio adapté convient.

Attention : Si vous modifiez plus tard l'intervalle d'affichage, le format d'image nécessaire pour les conteneurs à cette position change aussi. Le tableau complet des dimensions se trouve dans la fiche technique sur la page Marketing-Container.

Attention : Pour le type de Lien Modèle de commande, le modèle de commande choisi et les Articles qu'il contient doivent être activés pour eCom. Voir Activer le modèle de commande pour eCom.

Si un conteneur n'apparaît pas dans la boutique

Vérifiez dans cet ordre :

Vérifier	Contexte
Le Status est-il sur Freigegeben ?	Seul ce statut apparaît dans la boutique. In Bearbeitung, Abgeschlossen et Gelöscht restent invisibles.
Sommes-nous aujourd'hui dans la période Von / Bis ?	Les champs vides signifient aucune limite.
La Kultur correspond-elle à la langue du client ?	Dans une boutique multilingue, le conteneur doit être géré par langue.
Les données ont-elles été fournies avec la case Images cochée ?	Sans cette case, l'image manque.

Un conteneur qui ne doit plus être actif n'a donc pas besoin d'être supprimé — Abgeschlossen le retire de la boutique mais le conserve dans la liste.

Définir le mode d'affichage de la zone

1. Ouvrir eCom \ Container, sous-menu Positionen.
2. Pour Art der Anzeige à la position souhaitée — Startseite oben ou Startseite unten — choisir Slider ou Float.
3. Pour Slider : dans le champ Anzeige Intervall, définir si le changement est automatique. Voir ci-dessous.
4. Enregistrer et fournir les données.

Intervalle d'affichage

Ce champ apparaît uniquement pour Slider.

La valeur est saisie en millisecondes : 3000 correspond à trois secondes.

Valeur	Effet
0	Le slider ne change pas automatiquement. Plusieurs cartes sont affichées côte à côte, le client navigue avec les flèches gauche et droite.
plus grand que 0	Le slider change automatiquement après ce temps. Une seule carte est toujours visible, avec une barre de points en dessous.

Attention : Le temps s'applique par image, pas pour tout le cycle. Avec trois conteneurs et 3000, chaque image reste trois secondes, un cycle dure neuf secondes.

Gardez à l'esprit lors de la définition : un intervalle court paraît agité, et un conteneur avec texte nécessite plus de temps pour être lu qu'une image seule.

Le changement s'arrête tant que le client survole le slider avec la souris ou l'a focalisé au clavier. S'il clique sur un point de la barre de points, le slider s'arrête définitivement sur cette image et ne redémarre pas automatiquement. Ne comptez donc pas sur le fait que chaque client verra tous les conteneurs — les contenus importants doivent être dans le premier conteneur ou dans la zone flottante.

Les deux positions sont librement attribuables : un slider en haut et une zone flottante en bas est la combinaison habituelle, mais l'inverse ou deux fois le même mode d'affichage est aussi possible.

Ordre de plusieurs conteneurs

Si plusieurs conteneurs se trouvent dans la même zone, la Priorität détermine l'ordre. Pour un slider, la boutique affiche alors des flèches et une navigation par points ; pour une zone flottante, les conteneurs sont empilés de gauche à droite.