Cette page réunit les 40 widgets Creative Elements utilisables dans les pages du site, classés par usage. Chaque widget est présenté avec une phrase indiquant quand l'utiliser, puis avec ses réglages les plus parlants. Les widgets marqués Widget CDHV ont été développés sur mesure pour le site (catégorie « CDHV » de l'éditeur).
Textes et titres
Les widgets de texte mis en scène : accroches animées, listes illustrées et citations.
Titre animé
Pour une accroche qui attire l'œil en haut de page : un mot souligné par un tracé qui se dessine, ou des mots qui se succèdent. Une seule par page suffit.
Variante : Style Surligné, forme Cercle
Des bonbons fabriqués dans les Vosges
Variante : Style Surligné, forme Soulignement en zigzag
La visite de la fabrication est
Variante : Style Rotatif, animation Typing (machine à écrire)
Des bonbons
Variante : Style Rotatif, animation Flip (retournement)
Une boutique ouverte
Liste d’icône
Pour une liste courte illustrée d'icônes : infos pratiques, points forts, liens rapides. Chaque ligne peut porter son propre lien.
Variante : Mise en page Par défaut, avec liens
- 3074 Route de Gérardmer, 88230 Plainfaing
- 03 29 50 44 56
- Boutique ouverte 7 jours sur 7
- Visite gratuite de la fabrication
Variante : Par défaut, sur 2 colonnes avec séparateur
- Sève de pin
- Bourgeon de sapin
- Miel des Vosges
- Myrtille
- Eucalyptus
- Violette
Variante : Mise en page En ligne, avec liens
Citation Widget CDHV
Pour mettre en exergue une phrase forte ou un témoignage dans un article ou une page : le texte se colore mot à mot à mesure que le visiteur fait défiler la page.
Variante : Par défaut : coloration au défilement, guillemets automatiques, auteur
« Ici, les bonbons sont encore cuits, étirés et façonnés par des confiseurs, avec les plantes de nos montagnes. »
Variante : Visuel décoratif en haut à droite, encadré beige arrondi
« Un zeste d’orange, une pointe de miel : chaque parfum naît d’un ingrédient qu’on aime. »
Images et médias
Photos, vidéos, galeries et diaporamas, du simple visuel illustré à la grande bannière d’en-tête de page. Les trois derniers blocs sont les widgets maison de la CDHV.
Image
Pour poser une photo seule dans une colonne, avec ou sans légende, et la rendre cliquable si besoin.
Variante : Avec légende
Variante : Arrondi 24 px et ombre portée
Variante : Lien vers une page (/visite), animation « Grow » au survol avec « Zoom dans le cadre »
Variante : Hauteur fixe 280 px recadrée, agrandissement au clic (visionneuse)
Vidéo
Pour intégrer un film hébergé sur le site (fichier MP4 de la médiathèque) ; les liens YouTube, Vimeo ou Dailymotion sont aussi acceptés.
Variante : Avec contrôles de lecture, image d’attente, 16:9
Variante : Lecture automatique en boucle, muette, sans contrôles
Variante : Format 21:9 (cinéma)
Variante : Image de couverture et bouton lecture, film ouvert en visionneuse
Galerie d’images
Pour montrer plusieurs photos d’un coup (atelier, boutique, évènement), en grille régulière ou en mosaïque.
Variante : Grille 3 colonnes, format carré, légendes sous les photos
Variante : Grille 4 colonnes, première photo sur 2 × 2 cases, hauteur de ligne 200 px
Carrousel d’images
Pour faire défiler une série de photos dans un espace réduit, avec flèches et points de navigation.
Variante : 4 vignettes visibles de même hauteur (Étirer l’image + Hauteur 220 px), flèches et points, légendes
Variante : Une seule image à la fois, effet fondu, points seuls, hauteur 420 px
Hotspot d’image
Pour commenter une photo point par point : chaque pastille ouvre une infobulle au survol (étapes de fabrication, détails d’un produit…).
Variante : Vue encadrée, pastilles roses, icône « + »
Le chaudron en cuivre
Le cuivre répartit la chaleur : le sucre cuit sans brûler.
Le sucre cuit
Versé à 150 °C sur une table refroidie, il fige en quelques minutes.
Le confiseur
Toque et gants épais : la pâte est brûlante.
Variante : Vue empilée, pastilles roses, icône « i »
La pâte de sucre
Encore souple, elle s’étire et se plie avant d’être parfumée.
Le malaxage
À la main, pour incorporer l’air et les huiles essentielles.
La relève
Le savoir-faire se transmet de génération en génération.
Bannière Widget CDHV
Pour ouvrir une page par un grand visuel (photo ou film) avec titre, sous-titre et bouton d’action.
Variante : Fond image, fil d’Ariane, sous-titre, bouton « Bordeaux plein » (style par défaut)
Variante : Fond vidéo, sapins 4 et 2 débordant, bouton « Blanc, ombre rose » qui fait défiler sous la bannière
Texte et image Widget CDHV
Pour un paragraphe illustré : photo d’un côté, titre et texte de l’autre. Empilez plusieurs blocs en alternant le côté de l’image.
Variante : Image à gauche, aplat en angle haut gauche (réglages par défaut), bouton « Rose plein »
.jpg)
Les débuts d’une histoire
En 1986, la Confiserie des Hautes-Vosges ouvre un petit atelier à Plainfaing. Les premières plaques de bonbons aux plantes y sont cuites au chaudron, selon les recettes vosgiennes.
Variante : Image à droite, aplat en bas à gauche couleur sauge, sapin 1 derrière l’image
Une affaire de famille
Quarante salariés font aujourd’hui vivre la confiserie, avec le même attachement aux bonbons des Vosges qu’au premier jour.
Carrousel défilant Widget CDHV
Pour dérouler des étapes ou des univers côte à côte (texte + photo) que le visiteur fait glisser à la souris ou au doigt.
Variante : Dans la colonne, aplat en bas à gauche, sapins en alternance (réglages par défaut)
-
La cuisson au chaudron
Le sucre et le glucose cuisent dans des chaudrons en cuivre jusqu’à 150 °C, sous vos yeux, derrière les vitres de l’atelier.
Voir la visite
-
Le travail de la pâte
Versée sur une table refroidie, la pâte est malaxée à la main puis parfumée aux plantes et aux huiles essentielles.
-
La casse des plaques
Sapin des Vosges, eucalyptus, coquelicot ou briquette : les plaques à l’ancienne sont cassées à la main.
-
La boutique
La visite se termine en boutique, ouverte 7 jours sur 7, pour goûter et composer vos sachets.
Préparer ma venue
Variante : Pleine largeur d’écran, retrait 80 px, aplat en haut à droite, sans décoration, format carré
-
La cuisson au chaudron
Le sucre et le glucose cuisent dans des chaudrons en cuivre jusqu’à 150 °C, sous vos yeux, derrière les vitres de l’atelier.
Voir la visite
-
Le travail de la pâte
Versée sur une table refroidie, la pâte est malaxée à la main puis parfumée aux plantes et aux huiles essentielles.
-
La casse des plaques
Sapin des Vosges, eucalyptus, coquelicot ou briquette : les plaques à l’ancienne sont cassées à la main.
-
La boutique
La visite se termine en boutique, ouverte 7 jours sur 7, pour goûter et composer vos sachets.
Préparer ma venue
Blocs de mise en avant
Les blocs qui font ressortir un argument, un service ou une invitation : pictogrammes, boîtes titre + texte, cartes à retourner, appels à l’action et les grands bandeaux CDHV.
Icône
Pour poser un pictogramme seul, en appui d’un titre ou d’un chiffre. Le réglage « Vue » s’appelle « Voir » dans le panneau (traduction approximative) : il ajoute un fond plein (empilé) ou un contour (encadré).
Variante : Vue par défaut, pictogramme seul
Variante : Vue empilée, forme cercle puis carré
Variante : Vue encadrée, forme cercle puis carré
Boîte d’icône
Pour aligner quelques arguments courts (savoir-faire, ingrédients, livraison) : une icône, un titre et une phrase. À répéter dans plusieurs colonnes pour former une bande de réassurance.
Variante : Icône en haut, vue par défaut
Fabrication artisanale
Nos bonbons sont cuits au chaudron de cuivre et façonnés à la main à Plainfaing depuis 1986.
Variante : Icône à gauche, vue empilée ronde
Plantes des Vosges
Bourgeons de sapin, miel et huiles essentielles : des recettes aux plantes de nos montagnes.
Variante : Icône en haut, vue encadrée carrée
Livraison soignée
Vos colis sont préparés à la confiserie et expédiés partout en France.
Boîte d’image
Comme la boîte d’icône, mais avec une image ou un pictogramme SVG de la médiathèque : pour un argument illustré ou une vignette qui mène vers une page.
Variante : Image en haut, pictogramme SVG
Unique en France
Des recettes traditionnelles transmises depuis 1986.
Variante : Image à gauche, pictogramme SVG
40 ans de savoir-faire
Une entreprise familiale au cœur des Hautes-Vosges.
Variante : Image en haut, photo pleine largeur avec lien
Visite gratuite
Suivez nos confiseurs de la cuisson à l’emballage.
Boite dynamique
Pour une carte qui se retourne au survol : une accroche sur la face avant, le détail et un bouton au dos. L’effet ne se voit qu’en passant la souris sur la carte.
Variante : Effet Flip vers le haut, profondeur 3D, icône
Nos tisanes
Bonbons à infuser
Variante : Effet Slide vers la gauche, photo en fond
La boutique
3074 Route de Gérardmer
Variante : Effet Zoom arrière, face arrière claire
Coffrets cadeaux
Composez votre coffret
Appel à l’action
Pour inviter à une action précise (réserver, commander, venir) avec une image, un titre, un texte et un bouton. L’habillage « Classique » met l’image à côté du texte, « Couvrir » la passe en fond.
Variante : Habillage Classique, image à gauche
Assistez à la coulée du sucre
Variante : Habillage Classique, image au-dessus, ruban
Bonbons à infuser
Variante : Habillage Couvrir, image en fond avec voile
La confiserie vous accueille 7j/7
Variante : Habillage Classique, image à droite, icône
Une histoire de famille
Bandeau d’appel Widget CDHV
Pour un grand bandeau d’invitation sur le fond de marque du site, texte d’un côté et photo de l’autre, avec trombone et rameau décoratifs. Le gras dans le titre sert d’accent.
Variante : Réglages par défaut : image à droite à la hauteur du texte, trombone, sapin 1 en haut à droite
Venez nous voir
à Plainfaing !
Visite gratuite de la fabrication, boutique ouverte 7 jours sur 7 : découvrez comment naissent nos bonbons des Vosges, du chaudron de cuivre à l’emballage.
Cartes défilantes Widget CDHV
Pour une rangée de cartes que l’on fait glisser au doigt ou à la souris (goûts, univers, rubriques) : le nombre de cartes est libre, celles qui dépassent restent accessibles par la barre de défilement.
Blocs d’information Widget CDHV
Pour regrouper quelques informations courtes sous un même titre (nouveautés, conditions, contacts) : chaque bloc a son titre et son texte, sur le fond de marque du site avec trombone. Le nombre de blocs par ligne se règle, et le gras dans le titre sert d’accent.
Variante : Réglages par défaut : trois blocs par ligne, trombone, pas de rameau
Du côté des nouveautés
-
Nouvelle forme
Les bonbons au parfum coquelicot et à la pêche sont maintenant disponibles en forme de cœurs !
-
Nouveauté
Dès 60 boîtes, contactez-nous à bertrand@cdhv.fr pour plus d’informations.
-
Nous contacter
Variante : Deux blocs par ligne, contenu aligné en haut, sapin 3 dans l’angle bas droit
Venir à Plainfaing
-
La visite
Visite gratuite de la fabrication, du chaudron de cuivre à l’emballage.
-
La boutique
Ouverte 7 jours sur 7, avec toute la gamme de nos bonbons des Vosges.
-
Où nous trouver
À Plainfaing, au cœur des Hautes-Vosges.
-
Nous contacter
03 29 50 44 56
Contenu structuré
Les widgets qui rangent un contenu dense en sections dépliables, étapes ou tableaux, et ceux qui font ressortir une information importante.
Accordéon
Pour une FAQ ou une suite de questions : une seule section reste ouverte, ouvrir la suivante referme la précédente.
Variante : Icônes plus / moins, à gauche
Les commandes passées avant midi partent le jour même depuis Plainfaing, du lundi au vendredi. Comptez ensuite 48 à 72 heures pour une livraison en France métropolitaine.
Nos bonbons de sucre cuit craignent l’humidité plus que la chaleur. Nous les expédions en sachets fermés et en boîtes métal : conservez-les au sec dès réception.
Oui, indiquez simplement une adresse de livraison différente lors de la commande. Aucun prix ne figure sur le bordereau glissé dans le colis.
Variante : Icônes chevron, à droite
Du sucre d’Alsace et du sirop de glucose de maïs alsacien, cuits à feu nu dans nos chaudrons en cuivre.
Des huiles essentielles distillées localement (sapin, eucalyptus, menthe…) et des arômes naturels pour les parfums fruités.
Oui : jus de carotte pourpre, extrait de radis ou chlorophylle. Aucun colorant de synthèse n’entre dans nos recettes.
Va-et-vient
Pour des sections que le lecteur peut ouvrir toutes en même temps ; « Va-et-vient » traduit mal « Toggle » : contrairement à l’accordéon, chaque section s’ouvre et se ferme indépendamment des autres.
Variante : Icônes flèche, sections collées
Pour des raisons d’hygiène, les animaux n’entrent pas dans l’atelier de fabrication. Ils sont les bienvenus dans le magasin, tenus en laisse.
Oui, tout le parcours de visite et le magasin sont de plain-pied.
Comptez une trentaine de minutes, dégustation comprise, puis le temps qu’il vous faudra pour choisir en boutique.
Variante : Icônes feuille, à droite, sections espacées sur fond rose pâle
Sucre, sirop de glucose, huile essentielle de sapin, chlorophylle.
Sucre, sirop de glucose, huile essentielle d’eucalyptus, menthol naturel.
Sucre, sirop de glucose de maïs, acidifiant (acide citrique), arôme naturel, jus de carotte pourpre concentré, extrait de radis.
Tableau Widget CDHV
Pour des horaires, des tarifs ou une composition : la première colonne porte les intitulés de ligne, son titre (souvent vide) coiffe le coin du tableau.
Variante : Coin vide, deux colonnes de valeurs
| Magasin | Visites | |
|---|---|---|
| Lundi au vendredi | 9h — 18h30 | 9h30-11h30 / 14h-17h30 |
| Samedi et vacances | 9h — 18h30 | 9h30 — 17h30 |
| Dimanche et fériés | 10h — 18h | Pas de visite |
Variante : Coin titré, trois colonnes de valeurs
| Bonbon | Parfum | Couleur | Format |
|---|---|---|---|
| Sapin des Vosges | Huile essentielle de sapin | Chlorophylle | Sachet 250 g |
| Eucalyptus | Huile essentielle d’eucalyptus | Sans colorant | Sachet 250 g |
| Cerise | Arôme naturel | Carotte pourpre et radis | Boîte métal 70 g |
Étapes déroulantes Widget CDHV
Pour raconter un parcours en plusieurs temps (fabrication, visite) : une étape par écran, avec photo, flèches et jauge de progression.
Variante : Fond rose foncé par défaut, quatre étapes
01/04
.jpg)
Variante : Fond prune, panneau arrondi et moins haut
01/03
Bloc d’information Widget CDHV
Pour un bandeau court sur une horaire exceptionnelle ou un événement : une accroche en gras suivie d’une phrase.
Variante : Avec icône
Exceptionnel 1er, 8 et 14 mai : magasin et ateliers ouverts en continu !
Variante : Sans icône, fond beige et texte prune
Samedi 12 décembre : marché de Noël sur le parvis de la confiserie.
Chiffres et temps
Les widgets qui mettent en scène un nombre, une note ou une échéance.
Compteur
Pour faire ressortir un chiffre clé de la maison : le nombre défile jusqu’à sa valeur quand le bloc apparaît à l’écran.
Variante : Année, séparateur de milliers masqué
Variante : Suffixe « employés »
Variante : Préfixe « + de », séparateur espace
Variante : Suffixe « variétés », animation lente
Notation par étoiles
Pour afficher une note (avis, dégustation) sous forme d’étoiles, avec un intitulé facultatif.
Variante : Échelle sur 5, étoiles Font Awesome pleines
Variante : Échelle sur 10, étoiles contour
Variante : Étoiles Unicode, plus grandes, centrées
Compte à rebours
Pour créer l’attente avant une date : fin des commandes de Noël, lancement d’une nouveauté, événement à la confiserie.
Variante : Vue Bloc, libellés sous les chiffres (Noël 2026)
Variante : Vue En ligne, libellés abrégés (Saint-Nicolas)
Boutons et liens
Les widgets qui invitent à cliquer : boutons d'appel à l'action aux couleurs du site, et liens vers les réseaux sociaux.
Bouton
Pour un appel à l'action vers une page (réserver une visite, découvrir une gamme). Le style « Rose plein » est réservé à l'action principale, les contours aux actions secondaires. Plusieurs boutons se placent côte à côte avec Avancé → Largeur « En ligne (auto) ».
Variante : Styles Rose plein, Contour rose, Contour gris
Icônes réseaux sociaux
Pour renvoyer vers les pages de la confiserie sur les réseaux sociaux, en fin d'article ou en pied de page. Chaque icône s'ouvre dans un nouvel onglet.
Catalogue
Ces widgets puisent directement dans la boutique : produits et catégories. Leur contenu se met à jour tout seul quand le catalogue change (prix, stock, nouveaux produits).
Carrousel de produits
Pour faire défiler une sélection de produits sur une ligne : bonbons d'une catégorie, meilleures ventes ou produits choisis un par un. Sources possibles : une catégorie, une marque, les nouveautés, les promotions, les meilleures ventes, les produits vus récemment ou une sélection manuelle.
Variante : Source « Produits par catégorie » (Grillées, Gélifiés & Nougats), vignette par défaut, 4 visibles, flèches et points
Nos grillées et nougats
Variante : Source « Sélection manuelle » (produits choisis un par un), 3 visibles, flèches seules, défilement automatique
Une petite boîte en poche !
Vive le printemps avec cette belle bonbonnière en verre !
Spécialité de Lorraine
Nougats fabriqués à Montélimar
Grille de produits
Pour présenter plusieurs produits d'un coup, sur une ou plusieurs lignes, sans défilement. Mêmes sources que le carrousel ; on règle en plus le nombre de colonnes.
Variante : Source « Produits par catégorie » (Tous les bonbons des Vosges), tri par prix croissant, 4 colonnes, vignette par défaut
Nos petits prix
Une petite boîte en poche !
Une petite boîte en poche !
Une petite boîte en poche !
Une petite boîte en poche !
Variante : Source « Sélection manuelle », vignette « En ligne », 2 colonnes
Boîte de produit
Pour mettre en avant un seul produit au milieu d'un texte (article, recette, page de présentation).
Variante : Vignette par défaut
Variante : Vignette « En ligne » (image à gauche, lien « Découvrir le produit »)
Grille des catégories
Pour afficher les sous-catégories d'une catégorie sous forme de vignettes cliquables (image + nom). L'image vient de la catégorie dans le catalogue PrestaShop.
Variante : Racine « Accessoires », légende : nom de la catégorie, 2 colonnes
Variante : Racine « Autres gourmandises », légende : nom + description personnalisée, avec titre
Nos autres gourmandises
Contact et engagement
Les widgets qui permettent aux visiteurs de trouver la confiserie ou de suivre notre page Facebook.
Google Maps
Pour situer la confiserie (ou un marché, une foire) sur une carte : il suffit de saisir l'adresse, puis de régler le zoom et la hauteur.
Variante : Zoom 15 (vue de la rue), hauteur 320 px
Carte Widget CDHV
Pour situer la confiserie sur une vraie carte interactive, aux couleurs du site : fond OpenStreetMap, ou plan et photos aériennes de l’IGN, repère au logo CDHV ou à l’image de votre choix, trombone et rameau comme les autres blocs. Les coordonnées GPS se copient d’un clic droit dans Google Maps.
Variante : Réglages par défaut : OpenStreetMap teinté beige, pastille CDHV (un clic ouvre l’itinéraire Google Maps), trombone, hauteur 420 px
Variante : Bloc « Accès & Services » de la maquette Visites : section interne en deux colonnes sans espacement, Liste d’icônes en 2 colonnes à gauche, carte qui remplit la hauteur de la colonne de droite, sapin 4 dans l’angle bas droit
Accès
& Services
- 3074 route de Gérardmer, Plainfaing.
- Ateliers climatisés.
- Accès PMR.
- Parking gratuit (Bus/Camping-car).
- Tables de pique-nique à disposition.
- Chiens admis au magasin.
Variante : Photographies aériennes en couleurs d’origine, zoom 17, zoom à la molette et déplacement au doigt activés, boutons en bas à gauche, sans trombone, sapin 2 au milieu du bord droit, derrière la carte
Page Facebook
Pour afficher notre page Facebook (dernières publications, évènements) directement dans le site. Le contenu est chargé par Facebook dans le navigateur : il n'apparaît pas dans l'aperçu si le visiteur bloque les cookies Facebook.
Variante : Onglet « Publications », avec couverture et photos des abonnés, hauteur 500 px
Variante : Onglets « Publications » et « Évènements », en-tête réduit, sans couverture, hauteur 400 px
Mise en page et technique
Des widgets discrets qui organisent la page (traits, espaces, ancres de navigation) et un widget technique pour insérer un module PrestaShop au milieu d'un contenu.
Séparateur
Pour marquer une pause visuelle entre deux blocs : simple trait, trait avec un mot ou une icône au milieu, ou motif décoratif.
Variante : Style « Plein », rose, épaisseur 2 px, largeur 100 %
Variante : Style « Pointillés », texte au milieu, largeur 80 % centrée
Espaceur
Pour ajouter un espace vide d'une hauteur précise entre deux widgets, quand la marge par défaut ne suffit pas. Il est invisible sur le site : ici, un fond rose pâle a été ajouté (onglet Avancé › Arrière-plan) pour montrer la place qu'il occupe.
Variante : Espace de 30 px (zone rose)
Nos bonbons sont cuits à feu nu dans des chaudrons en cuivre.
Puis la pâte est travaillée à la main sur les tables de marbre.
Variante : Espace de 100 px (zone rose)
Nos bonbons sont cuits à feu nu dans des chaudrons en cuivre.
Puis la pâte est travaillée à la main sur les tables de marbre.
Ancre de menu
Pour créer un point d'arrivée invisible dans la page, vers lequel pointe un bouton ou un lien (sommaire, bouton « Voir les horaires »…). On lui donne un nom sans espace ni accent, puis on met ce nom précédé de # dans le lien.
Variante : Ancre « ancre-demo-mise-en-page » (invisible) posée juste au-dessus du texte, puis un bouton qui mène à l'ancre « catalogue » de cette page
Une ancre invisible nommée ancre-demo-mise-en-page est posée juste au-dessus de ce texte : un lien vers #ancre-demo-mise-en-page fait défiler la page jusqu'ici. Le bouton ci-dessous utilise l'ancre #catalogue placée en tête de la rubrique Catalogue.
Module
Pour insérer dans une page un bloc fourni par un module PrestaShop (le même que sur la page d'accueil, par exemple) : on choisit le module dans la liste, et le champ « Crochet » peut rester vide. Le contenu se modifie dans la configuration du module, pas dans l'éditeur.
Variante : Module « Créer ma boîte » (bandeau vers les boîtes personnalisées)
Une boîte unique à votre image remplie de bonbons des Vosges artisanaux
La Confiserie Des Hautes Vosges vous permet dès maintenant de personnaliser votre boîte de bonbons unique à votre image. Choissisez votre parfum parmi une large sélection de bonbons artisanaux. Tout est fait sur place par nos soins, à Plainfaing, dans les Vosges !
Variante : Module « Catalogue » (bloc catalogue de la page d’accueil : texte, visuels et PDF)
Découvrez notre
catalogue 2026
La confiserie CDHV fabrique ses sucreries avec un savoir-faire artisanal, transmis de génération en génération de confiseurs. Nos méthodes de production s’inscrivent dans le respect des techniques d’antan.
Notre magasin propose un large choix de bonbons des Vosges (bonbons anciens) que vous retrouverez au sein de notre confiserie ou sur notre boutique en ligne. Tous nos produits sont fabriqués en France, et plus particulièrement dans les Hautes-Vosges.
