Les 9 fonctionnalités vraiment indispensables que doit avoir votre CRM

Quelle fonctionnalité CRM doit impérativement intégrer ma solution ? Quel CRM choisir ? Mon entreprise est-elle équipée du bon CRM ? Dans notre activité de conseil en CRM, ces questions sont récurrentes. Notre réponse est toujours la même : avant même de plonger dans les fonctionnalités et la comparaison des logiciels CRM, votre entreprise doit clarifier son besoin et ses objectifs :

  • Pourquoi souhaitez-vous déployer un logiciel CRM ? Quelles finalités ?
  • Quels sont les besoins métiers de vos utilisateurs ?

Une fois les besoins métiers identifiés, vous serez en mesure de formuler et de hiérarchiser les différents cas d’usage CRM que vous aimeriez mettre en place. Ensuite, et seulement à ce moment-là, vous pourrez lister vos exigences fonctionnelles, c’est-à-dire les fonctionnalités que le logiciel CRM devra proposer.

Dans un projet CRM, la question des fonctionnalités vient donc au milieu de l’histoire, pas au début. Le début de l’histoire, c’est l’expression des besoins et la formulation des cas d’usage. La fin de l’histoire, c’est la sélection et le déploiement du logiciel CRM.

Une fois cela dit, il est toujours bon d’avoir une vision globale des fonctionnalités clés d’un logiciel CRM. Ne serait-ce que pour avoir une compréhension minimale de ce qu’est un outil CRM !

C’est en lisant un très bon article de CustomerThink que nous avons eu l’idée de créer un article présentant les fonctionnalités phares d’un logiciel CRM. Si vous envisagez de sélectionner un outil CRM, si vous êtes en phase de construction du cahier des charges CRM, cet article ne peut que vous intéresser. Il s’agit d’une traduction commentée de l’article de CustomerThink. Son auteur, Chirag Shivalker, nous a aimablement donné l’autorisation de reprendre son travail.

Nous vous invitons à lire en parallèle le guide complet que nous avons consacré au coût d’une solution CRM.

Pour faciliter la lecture de cet article, voici un sommaire des 9 fonctions/fonctionnalités CRM clés :

  1. Facilité d’utilisation et d’intégration
  2. Accès simple à distance
  3. Accès mobile
  4. Système analytique robuste et intégré
  5. Flexibilité et personnalisation
  6. Support multicanal robuste
  7. Gestionnaire de campagne efficace
  8. Gestionnaire de listes de données
  9. Génération de leads et traçage

Cela n’a absolument aucun sens d’investir dans une technologie CRM si les employés ne l’utilisent pas. N’oubliez jamais que le succès de l’adoption de n’importe quelle technologie repose sur sa facilité d’utilisation et d’implémentation.

Par conséquent, avant de jeter votre dévolu sur un CRM, il est mieux de s’assurer de sa facilité d’intégration et sa simplicité. Il y a des exemples où la complexité du système CRM a littéralement détruit la motivation de l’équipe à l’utiliser. En fait, le choix d’un CRM complexe, avec des fonctionnalités superflues qui n’ont aucune utilité vis-à-vis des besoins de l’entreprise, aboutira à ce que de plus en plus de personnes ne l’utilisent tout simplement pas.

Le regard de CustUp

Dans nos missions d’aide au choix des outils de CRM, nous plaçons la simplicité de l’outil, sa capacité à être maîtrisée par les équipes opérationnelles comme l’un des principaux critères d’évaluation. La facilité d’utilisation du CRM, sa parfaite intégration au système d’information de l’entreprise sont donc clefs de performance.   Retour au sommaire de l’article

Une solution CRM peut être qualifiée de « complète » seulement lorsque son usage n’est pas limité à l’espace de travail physique. Il devient de plus en plus important qu’un CRM offre la possibilité à l’utilisateur d’intégrer des données depuis différentes localisations.

Une entreprise européenne de béton préfabriqué a économisé 20% de son temps consacré à la préparation de devis complexes, nécessitant des changements de prix pour les produits en fonction de l’unité choisie (ie. Pcs, Kgs, mètre carré, mètre linéaire).

L’équipe logiciel l’a aidé à configurer un logiciel adapté à l’entreprise : Microsoft Dynamics CRM, qui permet de rationaliser tout le processus de ventes, de gérer la hiérarchie, les parties prenantes externes et internes pendant les ventes, mais aussi à faciliter les différentes intégrations à l’aide de plusieurs applications tierces, comme par exemple un navigateur système accessible pour tous les appareils grâce à un navigateur web intégré avec Microsoft Outlook et des applications mobiles Android, iOS et Windows.

Le logiciel permet aussi de gérer les différents devis soumis à tous les segments de clientèles, les tableaux de bord clients, les rapports d’utilisateurs individuels, etc.

Un CRM doit permettre de travailler à distance afin de suivre les opérations commerciales sans effort, même depuis un lieu très éloigné.

Le regard de CustUp

Points de vente, sites distants, partenaires… le CRM doit être accessible à toutes les parties prenantes de l’entreprise. C’est à cette condition, qu’en tout point de contact client / entreprise, le travail de Relation Clients devient systématiquement traité via le CRM.   Retour au sommaire de l’article

Si l’accès « à distance » désigne l’accès aux données CRM sur un PC depuis n’importe quel endroit, l’accès « mobile » désigne la capacité d’accéder au CRM depuis un appareil mobile ou un smartphone.

L’accès mobile devient crucial, tout particulièrement pour les commerciaux de terrain qui ont besoin d’un accès rapide aux données du back-office et aux feedbacks de leurs supérieurs pour boucler les contrats. En fait, les entreprises doivent envisager, d’un point de vue stratégique, dans quelle mesure les solutions mobiles peuvent les aider dans leur organisation et comment elles peuvent les intégrer pour optimiser les différents processus commerciaux et, en dernière instance, la productivité.

Le regard de CustUp

Miroir de la Relation Clients, le CRM doit intégrer la mobilité. En particulier, la force de vente doit pouvoir enrichir et exploiter la donnée clients sans rupture. Les problèmes clefs de la couverture mobile et de la capacité à synchroniser certaines bases en offline, doivent donc être évalués en fonction du schéma d’exploitation commerciale de l’entreprise.   Retour au sommaire de l’article

Récolter des données n’est pas suffisant. Il est très important aussi de comprendre leur signification, avant de les utiliser pour mettre en œuvre ou prévoir des actions.

Les solutions CRM doivent offrir aux utilisateurs l’accès à une interface analytics permettant de prendre des décisions facilement, en leur fournissant des aperçus mobilisables à la fois pour la vente et pour le marketing.

Une bonne solution CRM offre à l’utilisateur la possibilité de choisir des campagnes et des groupes de consommateurs ciblés. Par ailleurs, un CRM avec un outil d’analyse intégré doit aussi permettre de définir et d’exécuter des traitements stratégiques, et d’obtenir des statistiques multi-canales (online et offline).

Le regard de CustUp

Le CRM est l’outil de la Relation Clients à distance. Cette pratique induit et permet la mesure systématique de la performance fichier, de l’efficacité des actions commerciales. Le travail d’analyse doit donc être possible de manière simple et fluide à partir du CRM. Sans exports fastidieux. Sans synchronisations complexes. Avec des tableaux de bord CRM intégrés et adaptés lors de la phase d’implémentation à l’entreprise.   Retour au sommaire de l’article

Il y a un adage très connu dans le milieu des développeurs et des utilisateurs de CRM. Il dit que « toutes les solutions CRM performantes sont personnalisables d’une manière ou d’une autre ». Il est donc important que la solution que vous avez l’intention d’utiliser soit facile à personnaliser et flexible.

Le regard de CustUp

On partage et on pose une limite : Attention au spécifique ! À développer des singularités, des KPI sur mesure… on oublie parfois les fondamentaux. Le CRM choisi doit être facile à personnaliser et flexible. Ce faisant, le directeur du projet CRM doit veiller à ne pas aller jusqu’à la complexité.  Retour au sommaire de l’article

Le développement actuel du marché s’est traduit par une diversification des canaux. Il est important que le fournisseur du CRM propose un support système robuste disponible sur différents canaux. En l’occurrence, un numéro de téléphone est vital, mais désormais ce n’est plus suffisant. Le support doit aussi inclure un service d’aide en ligne – une messagerie instantanée par exemple.

Le regard de CustUp

Chez tous les clients de nos missions CRM ou Centres de Contacts, nous assistons à la multiplication des canaux du dialogue client. Les canaux historiques – le téléphone, le courrier, le mail – sont toujours présents. Ils sont maintenant complétés par une palette complète et complémentaire : réseaux sociaux, chat, chat communautaire, FAQ dynamiques, web call back, co-navigation…

L’ajout et l’exploitation de nouveaux canaux doivent donc être maîtrisés par le CRM ; et ce, de manière simple et robuste. À notre avis, le principal enjeu est alors surtout du côté de l’organisation. Ajouter des canaux à la Relation Clients induit d’ajuster ses traitements client et son client pour garantir plus de satisfaction, conséquence de l’ajout de canaux. Le multicanal, « oui » et pour qu’il enrichisse la relation.   Retour au sommaire de l’article

Une fonctionnalité forte de gestion de campagnes fait partie intégrante d’un CRM. Elle permet un workflow ininterrompu, depuis la création du concept initial de la campagne jusqu’aux phases de test et de déploiement. On peut même aller plus loin : les fonctionnalités de ventes croisées (cross-selling) et de ventes additionnelles (up-selling) sont tout aussi cruciales pour les affaires, tout particulièrement pour celles opérant sur un marché digital.

Le regard de CustUp

L’Outil de Gestion des Campagnes (OGC) est souvent l’origine du CRM. Un bon CRM doit donc inclure, et parfaitement maîtriser, cet univers de fonctionnalités. Sur le sujet des différences et complémentarités entre ces deux familles d’outils, lire notre article : « CRM ou OGC : quel outil choisir pour votre entreprise ?« .   Retour au sommaire de l’article

La capacité à gérer des listes multiples est l’une des fonctionnalités les plus importantes d’une solution CRM. Elle permet aux utilisateurs professionnels de créer et d’éditer des listes, mais aussi de segmenter les listes et de gérer les données en temps réel.

Le regard de CustUp

On souscrit à 100%. Le CRM est gestion de fichiers clients. Comme pour l’OGC, la gestion complète et fine des listes est une exigence.   Retour au sommaire de l’article

Se reposer complètement sur sa force de vente pour réaliser les choses comme il faut (peut) s’avère(r) suicidaire. Une solution CRM efficace au niveau de la génération de leads et de leur traçage via un système de communication automatisé et un dispositif de rappels aidera votre force de vente à saisir de nouvelles opportunités.

Le regard de CustUp

Le CRM est au service de la performance commerciale. Dans les entreprises où la force de vente est le moteur de la transformation commerciale, le CRM doit être au service de la force de vente. Il doit faciliter sa vie et l’aider à mieux agir. Il ne doit pas être une contrainte.   Retour au sommaire de l’article

Une approche « taille unique » vis-à-vis des solutions CRM a peu de chance d’apporter de la valeur à votre business. Par conséquent, avant d’adopter un système CRM, les entreprises doivent précautionneusement planifier leur stratégie CRM et évaluer la technologie qui leur semble adaptée à leurs besoins business. Toute lacune du logiciel se traduira par des déconvenues et des échecs. La mise en avant de vos différentes exigences business et une meilleure compréhension de la technologie assurent une mise en œuvre rentable du CRM.

Le regard de CustUp

Dans nos interventions de consultants en CRM, nous vous incitons à évaluer les fonctionnalités CRM indispensables à votre entreprise à partir de votre Relation Clients cible ; et non à partir d’une offre logicielle. Partez de vos clients et définissez vos incontournables logiciels !   Retour au sommaire de l’article

Partager :
Antoine Coubray, directeur du développement CustUp, a éclairé l’écrit d’origine de la vision CustUp du CRM.

Antoine Coubray, directeur du développement CustUp, a éclairé l’écrit d’origine de la vision CustUp du CRM.

Partager :
Jordane Feuillet a traduit cet article.

Jordane Feuillet a traduit cet article.

[custup_nom_silo]
[custup_form_optinmonster]
[custup_form_optinmonster]
[custup_form_blog_inline_optinmonster]
<script type="text/javascript"> jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; jQuery(document).delegate( '#dj_envoyer_inscription-FQawo', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var email = jQuery('#dj_form_optinmonster-FQawo input[name="email"]').val(); var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); var recaptcha_response = ""; grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-FQawo .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FQawo .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-FQawo .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-FQawo .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FQawo .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-FQawo .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-FQawo .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FQawo .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-FQawo .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Blog-Inline", "eventAction": "clic", "eventLabel": "https://www.custup.com/fonctionnalite-crm/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-FQawo" class="form_inline"> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-7 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control form-inline" type="text" id="dj_email" name="email" placeholder="E-mail" /> </div> <div class="col-md-5 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-FQawo" class="dj_envoyer_inscription" type="submit">Je m'abonne !</button> </div> </div>
[le Nom du Silo]
[le Nom du Silo]
[custup_icon]
<img src="https://www.custup.com/wp-content/themes/custup/public/img/icon.png" alt="Merci pour votre visite" class="skip-lazy" width="28" height="27"/>
[custup_form_exit]
<script type="text/javascript"> jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; var email = ""; jQuery(document).delegate( '#emailxFgc1', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-exit-xFgc1', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "exit", 1 ); var recaptcha_response = ""; grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-exit-xFgc1 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-exit-xFgc1 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-exit-xFgc1 .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Exit", "eventAction": "clic", "eventLabel": "https://www.custup.com/fonctionnalite-crm/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-exit-xFgc1" class="form_inline popin-exit"> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control" type="text" id="emailxFgc1" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-exit-xFgc1" class="dj_envoyer_inscription" type="submit">S'inscrire !</button> </div> </div>
[custup_scroll_nom_silo]
[custup_form_silo_scroll_optinmonster]
<script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailY1ewr', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-Y1ewr', 'click', function(e){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "id_article", 3429); var recaptcha_response = ""; grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-Y1ewr .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-Y1ewr .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-Y1ewr .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-Y1ewr .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-Y1ewr .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-Y1ewr .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-Y1ewr .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-Y1ewr .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-Y1ewr .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Silo-XXX-Scroll", "eventAction": "clic", "eventLabel": "https://www.custup.com/fonctionnalite-crm/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-Y1ewr"> <form> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control" type="text" id="emailY1ewr" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-Y1ewr" class="dj_envoyer_inscription" value="xx" type="submit">S'inscrire</button> </div> </form> </div>
[custup_count_abonnes_liste_mailchimp]
4135
[custup_form_horizontal_optinmonster]
<script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailiWfmH', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-iWfmH', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-primary").css('display', 'block'); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-danger span").html(result.alerte); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-success span").html(result.message); jQuery("#dj_form_horizontal_optinmonster-iWfmH .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Blog-Floating-Bar", "eventAction": "clic", "eventLabel": "https://www.custup.com/fonctionnalite-crm/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_horizontal_optinmonster-iWfmH" class="dj_form_horizontal_optinmonster"> <input type="hidden" name="recaptcha_response" value=""> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group dj_email_content"> <input class="form-control" type="text" id="emailiWfmH" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group text-center dj_email_envoyer"> <button id="dj_envoyer_inscription-iWfmH" class="dj_envoyer_inscription" type="submit">Valider</button> </div> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> </div>