Custom Block Homepage

Grâce au module Bloc image personnalisé sur la homepage développé par PrestaShop, rendez votre page d’accueil plus attirante en y ajoutant des blocs d’image et blocs de texte facilement personnalisables et séduisez vos visiteurs dès leur arrivée sur votre boutique en ligne ! Retrouvez ci-dessous toutes les informations nécessaires à la compréhension et à l’utilisation de ce module.

Onglet Configuration

Vous aurez la possibilité dans cet onglet de personnaliser l’affichage de vos blocs d’image et blocs de texte pour mieux adapter à l’esthétique de votre boutique. Ce bloc se placera automatiquement sous vos produits en page d’accueil avec notre thème Classic. Si toutefois vous optez pour nos thèmes Lifestyle et Shopping, ce bloc se placera sous votre slider. Vous pourrez néanmoins modifier son emplacement depuis votre back office dans les onglets : Apparence > Positions > displayHome.

Étape 1 : Choix du type d’affichage

Dans cette première étape, il vous est possible de choisir l’agencement des blocs d’image et blocs de texte affichés sur votre page d’accueil. 4 types d’affichage vous sont proposés pour vous offrir plus de possibilités de personnalisation de la page. Vous  pourrez y changer l’agencement la position des images et des blocs de texte. Vous aurez également le choix d’afficher vos blocs en mode full screen ou en taille standard.

Étape 2 : Ajout du contenu

Cette étape vous permettra d’ajouter et de personnaliser le contenu affiché sur vos blocs de la page d’accueil, y compris des blocs d’image et des blocs de texte.

Commencez tout d’abord par votre première image, vous pourrez choisir une image par langue disponible de votre boutique. Pour le meilleur affichage de votre image, nous vous recommandons d’utiliser les images de haute qualité.

Ensuite, veuillez insérer le texte de votre choix dans le premier bloc de texte. Grâce au champ de texte avancé, il vous est possible de changer la taille, la couleur, changer la mise en page du texte selon vos préférences.

Si vous souhaitez rediriger vos visiteurs vers une nouvelle page au clic sur les blocs, vous pouvez insérer son URL dans le champ de configuration dédié.

Si vous avez choisi les formats d’affichage avec 4 blocs au total, les champs de configuration respectifs pour la deuxième image et le deuxième bloc de texte seront affichés.

Puis, vous pourrez choisir la taille et la police de votre texte.

Étape 3 : Personnalisation de l’affichage des blocs

Une fois que les images et les textes soient ajoutés aux blocs, vous aurez la possibilité de personnaliser davantage leur affichage.

Voulez-vous ajouter un bouton Call to action à vos blocs ?

• Si oui, veuillez choisir la couleur du bouton et la couleur de texte correspondante selon vos envies.
• Souhaitez-vous afficher ce bouton CTA sur l’image ou sur le bloc de texte ?
• Sera-il affiché en haut ou en bas du bloc sélectionné ?
• Sera-il affiché à gauche, au centre ou à droite du bloc ?

Ensuite, vous pourrez choisir le type du bouton qui sera le plus adapté à votre boutique. Nous vous proposons 3 types de design : bouton rectangulaire, bouton rectangulaire avec les coins arrondis ou bouton arrondi.

Enfin, veuillez insérer le texte pour le(s) bouton(s) CTA. Nous vous recommandons de remplir ce champ dans toutes les langues de votre boutique pour une meilleure expérience utilisateur.

A tout moment durant la configuration du module, vous aurez la possibilité de visualiser en temps réel votre création.