# 2. Entretenir le marketing # 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](https://fr.wiki.dedesales.de/books/backend-ecom/page/marquer-les-visuels-comme-generes-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](https://fr.wiki.dedesales.de/books/backend-ecom/page/activer-le-modele-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. # Gérer les textes ## Aperçu Sous *eCom \\ Texte*, vous gérez les textes que le client voit **dans la boutique** — textes juridiques, le message de cookies et les confirmations après une inscription. > **Distinction :** Les textes des **e-mails** ne se trouvent pas ici, mais sous *Configuration de base \\ Configuration \\ Contenus e-mail*. Voir [Configurer les abonnements e-mail et gérer les modèles](https://wiki.dedesales.de/books/backend-ecom/page/e-mail-abos-einrichten-und-templates-pflegen). Pour chaque bloc, vous pouvez soit enregistrer un **texte**, soit une **URL**. Si une URL est saisie, le texte n'est pas affiché, mais le lien est ouvert. ## Les blocs de texte disponibles La sélection se fait via le champ **Type** :
Bloc de texte Où il apparaît dans la boutique
Mentions légales Pied de page, toujours visible
Protection des données Pied de page, toujours visible
CGV Pied de page, uniquement si un contenu est enregistré
Cookies Confirmation des cookies sur l'écran de connexion
Support Hotline Pied de page, uniquement si un texte est enregistré
Newsletter Pied de page, uniquement si un texte est enregistré
Pas encore d'accès Info sous le lien *Pas encore d'accès ?*
Pas encore d'accès Confirmation Message après l'envoi de la demande d'accès
Oublier le mot de passe Confirmation Message après la demande d'un nouveau mot de passe
Réservation nouveau client Confirmation Message après l'envoi du formulaire *Pas encore client ?*
## Procédure 1. Ouvrir *eCom \\ Texte*. 2. Dans le champ **Type**, choisir le bloc souhaité. 3. Saisir soit un texte **ou** une URL. 4. Enregistrer et mettre les données à disposition. ## Les textes de confirmation sont vos textes Quatre blocs déterminent ce que le client lit après une action : *Pas encore d'accès Confirmation*, *Oublier le mot de passe Confirmation*, *Réservation nouveau client Confirmation* et l'info sous *Pas encore d'accès*. Les formulations citées dans la description du service sont l'**état de livraison**. Vous pouvez les remplacer entièrement par vos propres formulations — par exemple pour ajouter un numéro de téléphone pour une **Rückfrage**. ## Quand une URL est plus judicieuse > **Important :** *Protection des données* et *Mentions légales* apparaissent dans la boutique **toujours**, même sans contenu géré — le client arrive alors sur une page avec le texte de *Caractère de remplacement « Aucun contenu n'est actuellement enregistré pour ce domaine. »* Les deux sont des obligations et doivent être remplis avant la mise en ligne. Les **CGV** se comportent différemment : sans contenu, l'entrée n'apparaît pas du tout. Pour **Mentions légales**, **Protection des données** et **CGV**, l'URL est avantageuse : en reliant les textes de votre page standard, vous n'avez à les gérer qu'à un seul endroit. Pour **Support Hotline** et **Newsletter**, un texte est plus approprié. Ces deux éléments de menu n'apparaissent dans la boutique que si un texte est enregistré — sans texte, le menu est absent. ## Bloc de texte « Pas encore d'accès Info » Ce bloc est nécessaire si vous n'avez pas activé l'option *Pas encore client*. Alors, sur l'écran de connexion, seul *Pas encore d'accès ?* apparaît, et ce bloc remplit l'info correspondante — extensible avec des URLs. Sans ce bloc, l'info reste vide. # Envoyer des visuels ## Aperçu Sous *eCom \\ Bilder*, vous envoyez les deux graphiques fixes de la boutique : - le **graphique sur la page de login** - votre **logo pour la barre de menu**, qui apparaît après l'identification du client Les dimensions requises figurent dans la description des prestations sur la page *Marketing-Container*. ## Procédure 1. Ouvrir *eCom \\ Bilder*. 2. Sélectionner le visuel et effectuer l'**Upload**. 3. **Enregistrer.** Cette étape est obligatoire — voir ci-dessous. 4. Mettre les données à disposition, **avec coche Visuels**. ## Pourquoi trois étapes sont nécessaires C'est le piège le plus fréquent :
Étape Ce qui se passe
Upload Le visuel se trouve dans le **dossier Temp**. Il n'est pas visible dans la boutique.
Enregistrer Le visuel est déplacé dans le bon dossier.
Mettre à disposition avec coche **Visuels** Le visuel est transféré dans la boutique.
Si l'une des deux dernières étapes est sautée, le visuel n'apparaît pas — bien que l'upload ait été une Réussite et que cela semble correct dans le backend. ## Visuels créés avec IA Si un visuel est marqué comme généré par IA, la boutique affiche au-dessus l'Info **AI GENERATED**. La coche **Visuel est généré par IA** est également disponible ici sous *eCom \\ Bilder*, pas seulement dans le Conteneur. Voir [Bilder als KI-generiert kennzeichnen](https://wiki.dedesales.de/books/backend-ecom/page/bilder-als-ki-generiert-kennzeichnen). # Marquer les visuels comme générés par IA ## Aperçu À partir de la **version 19**, il est possible de marquer un visuel comme *créé par IA*. La boutique affiche alors automatiquement l'info **AI GENERATED** au-dessus du visuel. Le marquage se fait avec la case à cocher **Visuel généré par IA** sous le visuel. Cette case se trouve à deux endroits : sous *eCom \\ Conteneur* dans le conteneur individuel et sous *eCom \\ Visuels* pour les graphiques fixes de la boutique. L'apparence de l'info et les emplacements où elle apparaît sont décrits dans la fiche technique sur la page *Marketing-Conteneur*. ## Procédure pour le conteneur 1. Ouvrir *eCom \\ Conteneur* et modifier le conteneur. 2. Uploader le visuel via **Ajouter un fichier**, si ce n'est pas déjà fait. 3. Cocher la case **Visuel généré par IA** sous le visuel. 4. Enregistrer. 5. Mettre les données à disposition, **avec la case Visuels cochée**. La case se trouve directement sous l'aperçu du visuel, entre **Upload du visuel** et **content**. ## Procédure pour les graphiques fixes Vous trouverez la même case sous *eCom \\ Visuels* pour le graphique de login et le logo. La procédure est la même que pour l'upload — voir [Uploader des visuels](https://fr.wiki.dedesales.de/books/backend-ecom/page/envoyer-des-visuels) —, en cochant en plus la case. Le marquage s'applique toujours **par visuel**, pas une fois pour toute la boutique. ## Si aucune info n'apparaît
Vérifiez Contexte
La case est-elle cochée **et enregistrée** ? Sans enregistrement, la modification reste dans le masque.
Les données ont-elles ensuite été mises à disposition **avec la case Visuels cochée** ? Comme pour chaque visuel dans la boutique.
L'installation tourne-t-elle sur **version 19 ou plus récente** ? Les versions plus anciennes ne connaissent pas ce marquage. La boutique affiche alors les visuels normalement, mais sans info.
## Ce que cela signifie pour la sélection des visuels L'info est placée **au-dessus** du visuel, dans le coin supérieur droit. Choisissez donc pour les visuels marqués un motif qui n'y porte rien d'important. Voir [Marketing-Conteneur](https://wiki.dedesales.de/books/leistungsbeschreibung-ecom/page/marketing-container) dans la fiche technique.