Le titre de l'article est certes un peu prétentieux mais le rendu est tout de même bien plus clean qu'une checkbox classique. Et surtout vous allez offrir à vos visiteurs une meilleure expérience à vos visiteurs. On fonce tout de suite pour un tuto PrestaShop ou WordPress pour intégrer les plus belles checkboxes.
Le constat, c'est moche une checkbox
On ne va pas se voiler la face très longtemps, les checkboxes offertes par défaut par les navigateurs : c'est pas beau.
Voyez plutôt ce que nous offre nos avancées technologiques :
Deuxième raison pour laquelle vous devriez changer ces cases à cocher : elles sont petites donc pas faciles à cliquer.
Ce second point n'aide pas à la conversion sur votre site web.
N'oubliez jamais de vous mettre à la place de vos clients ... c'est primordial !
La bonne nouvelle, c'est qu'on peut remédier à ce problème et très facilement avec un peu d'intégration.
Voyons comment...
Je vous propose donc un rapide tuto pour agrémenter votre intégration PrestaShop ou WordPress d'une touche esthétique mais pas que...
En effet, si effectivement les checkboxes que je vous propose sont certes plus travaillées que l'offre de base, elles sont surtout beaucoup plus visuelles. Vos visiteurs vont les comprendre au premier coup d'oeil.
Dans un formulaire de contact, c'est potentiellement plus de demandes abouties ...
Dans un tunnel de vente, c'est plus de chiffre d'affaires ...
D'ailleurs, pour gagner plus de ventes, pensez à lire aussi Optimiser les e-mails transactionnels pour gagner plus
Alors à vos claviers ! Nous allons réaliser les plus belles checkboxes pour votre site web :
See the Pen by Arnaud (@amerigeau)
on CodePen.0
Il vous suffit donc de copier-coller le style et le script précédents respectivement dans les fichiers css et js de votre thème.
Vous pouvez également cibler seulement certaines cases à cocher en adaptant le code avec une class donnée.
Vous pouvez d'ailleurs partager dans les commentaires les liens vers vos sites web utilisant ce tuto.