Principaux widgets de la CDS

Call to action SIMPLE

Ce call to action est le plus simple et efficace lorsqu'on veut mettre un lien énormément en avant. Idéal pour les CTA commerciaux par exemple. Il ne nécessite pas de texte d'introduction, mais juste : 
  • une image d'au moins 600px de large ;
  • un lien ;
  • un titre.

Product CDS

Le CTA de base pour rediriger vers un produit. Les autres CTA sont souvent moins bons. Vigilance au paraméétrage des colonnes, il est mieux d'en mettre 2 par ligne en XS ! Ci-dessous, une intégration 4,4,2,2.

Boutons CDS

Images et textes

Pas facile de bien intégrer une image à son texte ! 3 méthodes possibles : 
  1. soit une image "flotante", imergée dans le texte, avec le widget Bloc text CDS ; 
  2. soit l'image et le texte dans deux div séparées avec le widget "text and image CDS" ; 
  3. soit mettre l'image et le texte dans 2 colonnes différentes en boxant la row. 

Bloc Text CDS

Image Compagnie Des Sens

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Text and image CDS

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Text and image CDS V2

A problème sérieux… solution sérieuse. Linalol, acétate de linalyle, citral, esters monoterpéniques, angelate d'isobutyle, etc. Les huiles essentielles regorgent de molécules ultrapuissantes pour lutter contre le stress.

Comment faire ? En période de stress, avant de monter sur scène ou en plein coup de bourre au travail, prenez un flacon d’huile essentielle de Petit Grain Bigarade (BIO de préférence, on parle d’un produit ultra concentré…), appliquez 2 gouttes sur vos poignets internes, puis prenez 3 profondes inspirations depuis vos poignets. L’effet est très visible et très rapide. Rien à voir avec l’effet placebo, il s’agit de chimie pure… Pour plus de précisions, regardez sa composition biochimique ici. Et pour aller plus loin, vous pouvez mélanger plusieurs huiles essentielles. Pour les adolescents et adultes, Petit Grain Bigarade + Ylang Ylang Complète + Lemongrass. Pour les enfants de plus de 3 ans, retirez le Lemongrass.

Pour plus de détails sur l’utilisation des huiles essentielles contre le stress, je vous suggère cet article très précis, ou cette vidéo de David, expert en aromathérapie.

Paramétrez la balise alt svp ! :-)

Images

Bloc image CDS

Titres CDS

Attention, merci de bien respecter les parametrages suivants ! Ils permettront, le jour où nous feroons évoluer notre design, de tout faire évoluer à partir du css global au lieu de devoir repasser sur toutes les pages :-)

Titre H1 standard

Titre H2 standard

Titre H3 standard 1

Titre H3 standard 2

Titre H4 standard

Titre H4 standard 2

Titre H5 standard

Titre H1 standard avec sous-titre

Sous-titre, à utiliser seulement quand nécessaire.

CTA blog

Les CTA blogs servent à introduire des pages enfants ou soeur, avec un riche contenu sémantique. On l'utilise lorsque qu'on veut à la fois une belle implantation ergo du CTA, mais surtout aussi quand on est sur un linking SEO de premier plan.
sfg

Blog

La Compagnie Des Sens Hover Image

Ceci est un CTA BLOG

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

sdfgsdfg
sfg

Blog

La Compagnie Des Sens Hover Image

Ceci est un CTA BLOG

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

sdfgsdfg
sfg

Blog

La Compagnie Des Sens Hover Image

Ceci est un CTA BLOG

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

sdfgsdfg
sfg

Blog

La Compagnie Des Sens Hover Image

Ceci est un CTA BLOG

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

sdfgsdfg

CTA enfants

Ils ont été conçus spécifiquement pour l'opération padawan, pour les pages catégories CMS. Mais leur intérêt aujourd'hui est assez limité. Son principal intérêt par rapport au CTA blog est que le titre le plus visible pour les humains (fond noir) n'est pas le plus visible pour Google (titre du paragraphe). Aujourd'hui, on évitesi possible.

CTA enfant

alt

Coucou !

Parfaitement adaptée à toute la famille, l'huile essentielle de Ravintsara est la star du monde de l'aromathérapie ! Toute indiquée en cas d'infections touchant la sphère ORL, rhumes, otite, sinusite et bien d'autres ne lui résisteront pas. Son action antivirale et ses effets stimulants sur le système immunitaire sont en effet puissants et reconnus par tous les professionnels et adeptes des huiles essentielles. En malgache, ravintsara signifie "arbre aux bonnes feuilles", profitez donc dès maintenant de tous ses bienfait

texte du bouton

CTA product

Idéal pour présenter un produit avec du texte ! A noter qu'il existe avec et sans bordure comme tous les CTA, mais c'est surtout pour celui-ci que c'est précieux.
CTA product principal
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
CTA product success
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
CTA product Info
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

Ce produit a bien été ajouté à votre panier
Quantité
Total
Il y a 0 produits dans votre panier. Il y a un produit dans votre panier.

Frais de ports offerts à partir de 50€ ! (en France et en Belgique)

Prix des produits
Emballages
Frais de port 
Total
Continuer mes achats Régler la commande
Avec cette commande, la Compagnie des Sens vous offre