Dans cet article, nous allons apprendre à mettre en œuvre des fonctionnalités de assist consumer en utilisant une approche de code minimale et en nous appuyant sur des providers tiers. Il existe de nombreuses conditions dans lesquelles vous devrez peut-être mettre en œuvre certaines fonctionnalités de assist consumer. Peut-être que vous développez votre propre produit, ou peut-être travaillez-vous pour une entreprise qui a besoin d’améliorer ses opérations.
Avec l’arrivée du COVID-19, le commerce électronique est devenu une préoccupation majeure pour la plupart des entreprises. Avoir une bonne stratégie de assist consumer en place est indispensable de nos jours. Les consommateurs en ligne exigent des fonctionnalités telles que le chat en ligne en direct ou la communication multicanal et attendent une grande réactivité de la half des entreprises en ligne.
La pandémie a généré des niveaux d’incertitude sans précédent pour les entreprises et elles doivent être en mesure de s’adapter dans les plus brefs délais. Pour cette raison, nous allons vraiment utiliser des providers tiers et utiliser une approche de code minimal. Cela nous permet de réduire considérablement le temps de mise sur le marché et les coûts de développement. Les coûts opérationnels sont également très flexibles automobile Zendesk et Azure peuvent adapter leurs offres et leurs prix à l’échelle et aux besoins de notre entreprise.
La première selected que nous allons faire est de visiter https://www.zendesk.com/ et créer un compte. Je ne documenterai pas remark faire cela automobile Zendesk est très intuitif et il a une très bonne documentation.
Après avoir créé le compte, vous pouvez visiter la web page des paramètres et visiter la part des canaux pour connaître votre e-mail d’help :
Le format de cette adresse e-mail doit être assist@yourcompany.zendesk.com. Vous devrez vous memento de cette adresse automobile nous en aurons besoin plus tard.
Nous pouvons ensuite visiter la part widget sous la part canaux pour activer le formulaire de contact et les fonctionnalités de chat Net :
Si vous visitez les paramètres, vous pourrez trouver le information d’set up :
Il vous suffit d’ajouter une balise de script au code supply de votre website :
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"></script>
Nous avons activé le widget de formulaire de contact qui s’affiche lorsqu’il n’y a pas d’brokers de assist consumer en ligne :
Nous avons également activé le widget de chat en direct qui s’affiche lorsque les brokers du assist consumer sont en ligne :
Une petite icône s’affichera alors en bas à droite de votre web page net. Lorsqu’un utilisateur clique sur l’icône, le formulaire de contact ou le formulaire de chat en direct s’affiche.
Idéalement, nous souhaitons avoir un level distinctive pour gérer toutes nos demandes shoppers. La demande peut provenir de notre website Net, de notre courrier électronique ou des médias sociaux :
-
Net : Nous sommes maintenant prêts à gérer les demandes provenant de notre website Net.
-
E-mail : la gestion des demandes par e-mail peut être réalisée en activant le transfert d’e-mails depuis l’une des adresses e-mail de votre entreprise vers votre adresse e-mail Zendesk.
-
Médias sociaux : vous pouvez visiter les paramètres de canal dans Zendesk pour connecter vos comptes de médias sociaux à Zendesk.
-
Appels téléphoniques. Zendesk vous permet également de gérer les appels téléphoniques lorsque les shoppers demandent des tickets. Vous pouvez en savoir plus en utilisant la documentation Zendesk.
Dans la plupart des cas, l’implémentation Zendesk par défaut suffirait pour démarrer. Cependant, dans mon cas, j’avais besoin d’un formulaire de contact personnalisé supplémentaire :
J’avais besoin que ce formulaire soit très seen et le bouton « aide » en bas à droite n’avait pas assez de visibilité pour moi. Le formulaire Net a été implémenté à l’aide de React et Formik.
Je voulais envoyer la demande provenant de ce formulaire à Zendesk. La answer la plus easy serait d’envoyer un e-mail à l’adresse e-mail du assist Zendesk. Nous devons implémenter un level de terminaison HTTP POST qui prend les détails du formulaire au format JSON et envoie un e-mail à l’adresse e-mail du assist Zendesk. Je voulais implémenter cela avec le moins de code potential et la première selected qui m’est venue alors j’ai pensé à utiliser une fonction Azure.
L’utilisation d’une fonction Azure nous obligerait à définir un déclencheur HTTP et le code qui envoie l’e-mail. Nous aurions besoin de gérer les autorisations pour que notre serveur de messagerie nous permette d’envoyer un e-mail. Ce n’était pas un travail énorme mais il m’a fallu enregistrer le code dans un référentiel, le déployer, and so forth. C’était trop de travail pour quelque selected d’aussi easy. Je voulais trouver un meilleur moyen et c’est ainsi que j’ai fini par utiliser Azure Logic Apps.
Nous pouvons visiter le portail Azure et créer une nouvelle utility logique Azure, puis utiliser le concepteur pour créer les règles logiques de notre utility. La première selected que nous devons faire est de définir un déclencheur HTTP pour notre requête HTTP POST :
Vous pouvez coller un exemple du corps de votre demande et le concepteur de l’utility logique le traduira automatiquement dans le schéma de la demande.
Lorsque vous enregistrez votre logique, Azure génère une URL que vous pouvez appeler depuis votre utility.
La deuxième selected que nous devons faire est d’ajouter une étape :
Nous devons ajouter une étape qui renverra une réponse HTTP :
Il faut ensuite ajouter une étape parallèle pour envoyer un e mail. Dans mon cas, j’utilise Gmail mais d’autres intégrations sont disponibles.
Nous devons extraire les données de la requête HTTP d’origine pour les ajouter au contenu de l’e-mail. Nous pouvons le faire en utilisant une expression :
On peut utiliser triggerBody() pour accéder au corps de la requête et json(triggerBody()) pour le transformer en JSON. Nous pouvons ensuite accéder aux propriétés dans le corps de la requête comme swimsuit json(triggerBody()).firm.
On peut alors tout sauvegarder et deux ressources devraient avoir été créées :
Nous pouvons ensuite invoquer le déclencheur HTTP dans notre utility logique en envoyant une requête HTTP depuis l’utility Net :
const response = await fetch(`INSERT_THE_TRIGGER_URL_HERE`, {
methodology: "POST",
physique: JSON.stringify(values),
});
const json = response.json();
Vous pouvez ensuite utiliser les outils de développement du navigateur pour voir si la requête a abouti :
Et enfin, dirigez-vous vers la part de surveillance Azure Logic App pour voir si toutes les étapes ont fonctionné comme prévu. Les outils de surveillance vous fournissent quelques détails en cas d’échec :
Si tout a fonctionné, vous devriez maintenant avoir un nouveau ticket dans votre tableau de bord de assist consumer Zendesk :
Le coût opérationnel de l’exécution de cette utility logique est presque nul et nous pouvons démarrer avec Zendesk pour seulement 60 $ par an. Nous pouvons désormais offrir une expérience de assist consumer professionnelle avec un price range limité et en quelques heures seulement !
Comme nous pouvons le voir, les functions Azure Logic peuvent nous aider à résoudre les besoins réels de l’entreprise avec presque aucun code. Cela nous permet d’agir plus rapidement et de nous adapter plus rapidement dans une période d’incertitude sans précédent.
5
Gloire
5
Gloire
