Gérer la page d'accueil - Personnalisation et textes

Personnaliser les pages de la boutique en ligne et ajouter du contenu

Introduction : Qu'est-ce que personnaliser les pages de la boutique en ligne ?

Personnaliser les pages de la boutique en ligne signifie que vous pouvez déterminer vous-même le contenu et la mise en page de votre boutique. Vous pouvez ajouter des textes, images, vidéos, blocs de produits et autres éléments pour faire en sorte que votre boutique en ligne ressemble exactement à ce que vous voulez. C'est comme aménager votre propre magasin : vous décidez de ce qui va où.

Pourquoi personnaliser les pages de la boutique en ligne ?

Vous voulez personnaliser votre boutique en ligne parce que :

Vous avez le contrôle sur ce que voient les clients
Vous pouvez créer une apparence unique et professionnelle
Vous pouvez placer des informations importantes au bon endroit
Vous pouvez mettre en avant des produits comme vous le souhaitez
Vous pouvez afficher de manière proéminente des promotions ou offres spéciales
Cela rend votre boutique personnelle et reconnaissable
Vous pouvez améliorer l'expérience client

Que pouvez-vous ajouter aux pages ?

Vous avez différents types de blocs et d'éléments que vous pouvez ajouter :

**Blocs 😗*

**Blocs d'articles 😗* Affichent des produits spécifiques
**Blocs d'assortiment 😗* Affichent un groupe de produits
**Blocs carrousel 😗* Galerie de produits rotative

**Autres éléments 😗*

**Texte 😗* Explication, message de bienvenue, informations
**Images 😗* Photos, bannières, illustrations
**Vidéos 😗* Intégrer des vidéos YouTube
**Bloc d'heures de fermeture 😗* Affiche quand vous êtes fermé
**Bloc de jour de commande 😗* Affiche les possibilités de commande
**Bloc de connexion 😗* Option de connexion pour les clients
**Barre de recherche 😗* Rechercher des produits
**Groupes de listes (boutons) 😗* Boutons de navigation

Comment ajouter du contenu à une page ?

Étape 1 : Vers la page

Ouvrir la page

Allez sur la tuile « Boutique (Nouveau) »
Cliquez sur le bouton « Pages »
Vous voyez maintenant une liste de toutes les pages
Cliquez sur la page que vous voulez modifier (par exemple votre page d'accueil)

Étape 2 : Créer une section (optionnel)

Les sections sont comme des chapitres sur votre page. Avec celles-ci, vous pouvez diviser votre page en différentes parties.

Créer nouvelle section/sous-page

Cliquez sur « Section »
Cliquez sur « Nouveau »
Entrez un nom pour la section (par exemple « Produits en vedette » ou « Bienvenue »)

Définir la visibilité

Vous pouvez choisir quand cette section est visible :

**Coché (✓) 😗* La section n'est visible que lorsque le client est connecté
**Non coché ( ) 😗* La section n'est visible que lorsque le client N'EST PAS connecté
**Tiret (-) 😗* La section est toujours visible (connecté ou non)

**Exemple 😗*

Offres spéciales pour clients réguliers → Cocher (uniquement pour clients connectés)
Texte de bienvenue général → Tiret (pour tout le monde)

Enregistrer

Cliquez sur « Enregistrer »
La section est maintenant créée

Étape 3 : Ajouter des éléments à la section

Maintenant, vous allez ajouter le contenu réel (textes, images, blocs, etc.).

Ouvrir le menu Éléments

Sélectionnez la section ou sous-page à laquelle vous voulez ajouter quelque chose
Cliquez sur « Éléments »
Vous voyez maintenant les options pour ajouter du contenu

Option A : Ajouter du texte (avec image ou vidéo)

Ajouter un nouveau texte

Cliquez sur « Nouveau » ou « + Texte »
Un éditeur de texte s'ouvre
Tapez votre texte

Ajouter une image au texte

Si vous voulez ajouter une image :

Téléchargez d'abord l'image dans le système
Souvenez-vous du nom de fichier (par exemple : « banner.png »)
**Attention 😗* N'utilisez pas d'espaces dans le nom de fichier !
Ajoutez le code suivant dans votre texte :

![](banner.png)

Remplacez « banner.png » par le nom de votre image

**Exemple 😗*

Vous avez téléchargé une image « bienvenue2025.jpg »
Dans votre texte, vous tapez : ![](bienvenue2025.jpg)
L'image apparaît maintenant à cet endroit

Ajouter une vidéo YouTube au texte

Si vous voulez intégrer une vidéo YouTube :

Copiez le lien de la vidéo YouTube (par exemple : https://www.youtube.com/watch?v=bCLEnJ8Mm0I)
Ajoutez le code suivant dans votre texte :

![youtube.com](https://www.youtube.com/watch?v=bCLEnJ8Mm0I)

Remplacez le lien par votre propre lien YouTube

**Exemple 😗*

Vous voulez montrer une vidéo de votre pépinière
Lien YouTube : https://www.youtube.com/watch?v=ABC123XYZ
Dans votre texte, vous tapez : ![youtube.com](https://www.youtube.com/watch?v=ABC123XYZ)

Enregistrer le texte

Cliquez sur « Enregistrer »
Le texte est maintenant ajouté à votre page

Option B : Ajouter des blocs et éléments spéciaux

Menu Plus d'options

Dans l'écran Éléments, cliquez sur « Plus »
Vous voyez maintenant un menu avec différentes options

**Que pouvez-vous ajouter via « Plus » 😗*

1. Un bloc créé

C'est un bloc que vous avez précédemment créé (bloc d'articles, bloc d'assortiment, bloc carrousel)
Sélectionnez le bloc que vous voulez ajouter
Il apparaît sur votre page

2. Nouveau bloc d'heures de fermeture

Affiche automatiquement quand votre boutique en ligne est fermée
Les clients voient par exemple : « Nous sommes fermés, revenez lundi »
Pratique pour les vacances ou jours fériés

3. Nouveau bloc de jour de commande

Affiche les possibilités de commande et dates de livraison
Les clients voient quand ils peuvent commander pour quel jour
Rend cela clair pour les clients

4. Bloc de connexion

Affiche une option de connexion pour les clients
Les clients peuvent se connecter pour voir leur compte
Pratique sur la page d'accueil ou dans le menu

5. Barre de recherche

Les clients peuvent rechercher des produits
Tapez le nom du produit et trouvez-le directement
Améliore la convivialité

6. Groupes de listes (boutons)

Boutons de navigation vers différentes catégories
Par exemple : « Roses », « Tulipes », « Lys »
Les clients cliquent et vont à cette catégorie

Ajouter un élément

Cliquez sur l'élément que vous voulez ajouter
Suivez les étapes supplémentaires éventuelles (configuration, saisie du nom, etc.)
Enregistrer
L'élément apparaît dans la liste

Étape 4 : Ajuster l'ordre des éléments

L'ordre dans lequel vous ajoutez les éléments est aussi l'ordre dans lequel ils apparaissent sur la boutique en ligne. Vous pouvez ajuster cet ordre.

Réorganiser les éléments

Vous voyez maintenant une liste avec tous les éléments/blocs sur votre page
Sélectionnez l'élément que vous voulez déplacer
Vous voyez des flèches : haut (↑) et bas (↓)

**Déplacer 😗*

**Flèche vers le haut (↑) 😗* L'élément monte d'une position (plus vers le haut de la page)
**Flèche vers le bas (↓) 😗* L'élément descend d'une position (plus vers le bas de la page)

**Exemple d'ordre 😗*

Texte de bienvenue (en haut)
Vidéo YouTube
Bloc de produits en vedette
Barre de recherche
Texte avec informations de contact (en bas)

Vérifier le résultat

Rechargez votre boutique en ligne pour voir comment cela apparaît
Ajustez l'ordre davantage si nécessaire

Terminé ! Votre page est maintenant personnalisée avec votre propre contenu.

Mise en forme de texte avancée

Pour plus de possibilités dans le texte (comme titres, texte gras, listes, etc.) vous pouvez utiliser Markdown.

**Codes Markdown utiles 😗*

**Titres 😗*

# Grand titre (Heading 1)
## Titre moyen (Heading 2)
### Petit titre (Heading 3)

**Mise en forme de texte 😗*

**Texte en gras**
*Texte en italique*

**Listes 😗*

- Item 1
- Item 2
- Item 3

**Liens 😗*

[Cliquez ici](https://www.exemple.fr)

**Plus d'informations 😗* Pour des explications détaillées sur toutes les possibilités Markdown, allez sur : https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Exemples pratiques

Exemple 1 : Page d'accueil avec texte de bienvenue et produits

**Étape 1 😗* Ouvrir page d'accueil → Section → Nouveau → « Bienvenue »
**Étape 2 😗* Éléments → Nouveau → Tapez le texte de bienvenue
**Étape 3 😗* Éléments → Plus → Ajoutez bloc d'assortiment avec produits populaires
**Étape 4 😗* Rechargez la boutique en ligne et vérifiez
**Résultat 😗* Les clients voient le texte de bienvenue suivi des produits en vedette

Exemple 2 : Bannière avec vidéo YouTube

**Étape 1 😗* Ouvrir page → Section → Éléments → Nouveau
**Étape 2 😗* Tapez le texte d'introduction
**Étape 3 😗* Ajoutez le code YouTube : ![youtube.com](votre-lien-vidéo)
**Étape 4 😗* Enregistrer
**Résultat 😗* Les clients voient votre vidéo directement sur la page

Exemple 3 : Ajouter des boutons de catégorie

**Étape 1 😗* Ouvrir page → Éléments → Plus → Groupes de listes
**Étape 2 😗* Sélectionnez les groupes de listes que vous voulez afficher comme boutons
**Étape 3 😗* Enregistrer
**Résultat 😗* Les clients voient des boutons vers différentes catégories

Exemple 4 : Section réservée aux membres

**Étape 1 😗* Créer section « Offres VIP »
**Étape 2 😗* Cocher (✓) pour clients connectés uniquement
**Étape 3 😗* Ajouter offres spéciales
**Résultat 😗* Seuls les clients connectés voient ces offres

Conseils importants

Conseil 1 : Planifiez la structure de votre page

Réfléchissez à l'avance à ce qui doit aller où
Faites un croquis sur papier
Travaillez de haut en bas
Vous évitez ainsi beaucoup de réorganisation par la suite

Conseil 2 : Pas d'espaces dans les noms de fichiers

« banner.png » ✓ Bon
« ma banner.png » ✗ Mauvais
« ma-banner.png » ✓ Bon
Utilisez des tirets (-) au lieu d'espaces

Conseil 3 : Testez toujours sur mobile

Vérifiez comment votre page apparaît sur téléphone
Beaucoup de clients font leurs achats sur mobile
Ajustez si ce n'est pas bien lisible

Conseil 4 : Gardez-le clair

Pas trop d'éléments sur une page
Les clients doivent trouver rapidement ce qu'ils cherchent
Moins est souvent plus

Conseil 5 : Utilisez les sections logiquement

Faites des sections séparées pour différents sujets
Par exemple : « Promotions », « Nouveaux produits », « À propos de nous »
Cela garde votre page organisée

Conseil 6 : Aperçu avant d'enregistrer

Rechargez votre boutique en ligne régulièrement pour vérifier
Vous voyez ainsi immédiatement si c'est bon
Ajustez là où nécessaire

Conseil 7 : Sauvegardez vos codes Markdown

Faites un document avec les codes fréquemment utilisés
Vous n'avez pas besoin de les chercher à chaque fois
Économise du temps !

Questions fréquentes

Question : Dans quel ordre dois-je ajouter les éléments ?

L'ordre dans lequel vous ajoutez est l'ordre sur la page
Donc ajouter en premier = en haut de la page
Vous pouvez toujours ajuster l'ordre plus tard avec les flèches

Question : Puis-je supprimer un élément plus tard ?

Oui, sélectionnez l'élément et cliquez sur supprimer
Ou modifiez-le si vous voulez changer quelque chose
Les éléments supprimés sont partis, soyez donc prudent

Question : Pourquoi je ne vois pas mon image ?

Vérifiez si le nom de fichier est correct (sensible à la casse !)
Vérifiez s'il n'y a pas d'espaces dans le nom
Vérifiez si l'image a vraiment été téléchargée
Actualisez la boutique en ligne avec Ctrl+F5

Question : Puis-je utiliser HTML au lieu de Markdown ?

Dépend de vos paramètres système
Markdown est généralement plus sûr et plus facile
Consultez la documentation ou demandez au support

Question : Combien de sections puis-je créer ?

Autant que vous voulez
Mais gardez-le clair
Trop de sections rendent cela confus

Question : Les YouTube shorts fonctionnent-ils aussi ?

Généralement non, seules les vidéos YouTube normales
Testez pour être sûr
Le code est le même

Que faire en cas de problèmes ?

Problème : L'image n'apparaît pas

Vérifiez le nom de fichier (pas d'espaces, orthographe correcte)
Vérifiez si l'image a été téléchargée
Essayez de retélécharger l'image
Vérifiez si l'extension est correcte (.png, .jpg, .gif)

Problème : La vidéo YouTube ne charge pas

Vérifiez si le lien est correctement copié
Essayez la vidéo dans un navigateur normal
La vidéo peut être privée ou supprimée
Vérifiez si vous avez utilisé le bon code Markdown

Problème : L'ordre ne change pas

Actualisez la page
Vous devrez peut-être vous reconnecter
Vérifiez si vous avez cliqué sur « Enregistrer » après modification

Problème : Le bloc n'apparaît pas

Vérifiez si le bloc existe (dans la gestion des blocs)
Actualisez la boutique en ligne
Vérifiez si le bloc est correctement configuré

Problème : Section non visible sur la boutique en ligne

Vérifiez les paramètres de visibilité (✓, , -)
Vous devrez peut-être vous connecter pour le voir
Actualisez le cache de votre navigateur

Résumé

Personnaliser les pages de la boutique en ligne se fait en ajoutant des sections et éléments à vos pages :

**Étapes de base 😗*

Allez à Boutique → Pages → sélectionnez la page que vous voulez personnaliser
Cliquez sur Section → Nouveau → entrez le nom → définissez la visibilité (✓ = uniquement connecté, - = toujours) → Enregistrer
Sélectionnez section → cliquez sur Éléments pour ajouter du contenu

**Ajouter du contenu (deux options) 😗*

**Texte/image/vidéo 😗* Cliquez Nouveau → tapez le texte → pour image utilisez ![](nomfichier.png), pour vidéo YouTube utilisez ![youtube.com](votre-lien-vidéo) → Enregistrer
**Blocs/éléments 😗* Cliquez Plus → choisissez parmi : bloc créé, bloc d'heures de fermeture, bloc de jour de commande, bloc de connexion, barre de recherche, ou groupes de listes (boutons) → Enregistrer

**Ajuster l'ordre 😗*

Sélectionnez l'élément → utilisez les flèches haut (↑) ou bas (↓) pour changer la position
L'ordre dans la liste est l'ordre sur la boutique en ligne

**Points importants 😗*

Pas d'espaces dans les noms de fichiers pour les images (utilisez « banner.png » pas « ma banner.png »)
Pour la mise en forme de texte avancée : utilisez Markdown (titres avec #, gras avec **texte**)
Plus de conseils Markdown : https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Testez toujours sur mobile et rechargez régulièrement pour vérifier le résultat

Vous avez des questions ou besoin d'aide? N'hésitez pas à nous contacter par téléphone au +31 (0)71 30 20 310 ou envoyez un e-mail à support@easyflor.nl.