Blog

Commerce ATOS - Éviter l'étape inutile de sélection de la carte

12.12.2014
atos-sips

Sommaire

En bref
  • Le module Commerce ATOS pour Drupal propose une étape « choix du type de carte » même si toutes les options mènent à la même page de saisie, ce qui est redondant.
  • On peut supprimer cette étape inutile en injectant un script JS dans le formulaire qui simule automatiquement la sélection d’une carte et déclenche le clic dessus dès l’affichage.
  • Cela allège le tunnel d’achat et peut améliorer le taux de conversion en supprimant une interaction superflue.

Drupal Commerce propose un module permettant d’intégrer le mode de paiement ATOS à sa boutique en ligne. Pour l’installation du module, il suffit de se référer au README.txt.

Dans le process de Commerce ATOS, l’utilisateur est d’abord invité à choisir son type de carte et ensuite il est redirigé vers une page où il peut saisir les informations de sa carte. Notre équipe a remarqué que les URL’s derrière chaque carte est en faite la même … En d’autre mot, peut importe le type de carte choisi, l’utilisateur est redirigé vers la même page.

 

 

Chaque étape supplémentaire dans le tunnel d’achat diminue le taux de transformation. Notre équipe a donc trouvé une astuce afin d’éviter cette étape inutile dans le process d’achat.

Dans ce formulaire de choix de la carte, il suffit d’ajouter le code suivant pour simuler un click et by-passer cette étape : 

 


$form['payment_form-submit'] = array(
      '#markup' => '<script>(function ($) {
		    $(document).ready(function() {
		        $( "#commerce-atos-redirect-form input[name=\'VISA\']" ).trigger( "click" );
		    });
		})(jQuery);</script>',
    );

 

Simple et efficace :)

Un projet ? Parlons-en

En tant qu'agence web experte Drupal, nous sommes à votre écoute pour étudier vos besoins
et vous proposer les meilleures solutions.

Autres articles

L'intégration de frameworks frontaux comme Angular avec des systèmes de gestion de contenu (CMS) est devenue une pratique courante dans le développement web. Ce guide vise à accompagner les développeurs dans le processus d'intégration d'Angular avec Drupal, en exploitant les avantages de ces deux technologies.

L'intégration de frameworks frontend comme React avec des systèmes de gestion de contenu (CMS) est une tendance croissante dans le développement web. Cet article vise à guider les développeurs à travers le processus d'intégration de React avec Drupal, en tirant parti des avantages de ces deux technologies.