Comment intégrer les plus belles checkboxes du monde ?

Intégration, Webdesign
  • Accueil
  • Blog
  • Comment intégrer les plus belles checkboxes du monde ?

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 :

checkoxes-defaut-prestashop
Voici les laides checkboxes par défaut

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…

Comment ajouter de belles checkboxes sur votre site web ?

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.

belles-checkboxes-prestashop
un joli rendu sous PrestaShop 1.7

Vous pouvez d’ailleurs partager dans les commentaires les liens vers vos sites web utilisant ce tuto.

Laisser un commentaire

Consultez les autres articles