{"id":1461,"date":"2016-06-23T11:29:07","date_gmt":"2016-06-23T11:29:07","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1461"},"modified":"2017-01-23T18:24:31","modified_gmt":"2017-01-23T18:24:31","slug":"ajouter-live-chat-site-e-commerce-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-live-chat-site-e-commerce-astuce-prestashop\/","title":{"rendered":"Ajouter gratuitement un live chat sur votre site | Astuce Prestashop 1.6"},"content":{"rendered":"<h3><span style=\"color: #000080;\"><strong>Qu&rsquo;est qu&rsquo;un live chat ?\u00a0<\/strong><\/span><\/h3>\n<p>Le terme live chat d\u00e9signe l&rsquo;ensemble des moyens qui permet \u00e0 un internaute de rentrer\u00a0instantan\u00e9ment en contact \u00a0avec un employ\u00e9 du site\u00a0afin de r\u00e9pondre \u00e0 ses questions.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/ajouter-live-chat-site-e-commerce-astuce-prestashop\/ajouter-gratuitementunlivechatsurvotresite\/\" rel=\"attachment wp-att-1483\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1483\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/Ajouter-gratuitementunlivechatsurvotresite.png\" alt=\"Ajouter gratuitementunlivechatsurvotresite\" width=\"947\" height=\"583\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<h3><span style=\"color: #000080;\"><strong>Comment installer un live chat sur sa boutique Prestashop ?\u00a0<\/strong><\/span><\/h3>\n<p>Pour l&rsquo;installer sur votre site en ligne, il vous faudra un module et s&rsquo;enregistrer sur une platform. C&rsquo;est tr\u00e8s rapide et facile \u00e0 configurer<\/p>\n<p>Je vous propose de passer par <a href=\"https:\/\/fr.zopim.com\">Zopim<\/a> pour deux raisons<\/p>\n<ul>\n<li>Le module est\u00a0gratuit<\/li>\n<li>L&rsquo;inscription est gratuite pour un agent<\/li>\n<\/ul>\n<p><strong>Zopim\u00a0<\/strong><\/p>\n<ul>\n<li>Allez sur zopim et inscrivez-vous :<a href=\"https:\/\/account.zopim.com\/signup?lang=fr\">\u00a0https:\/\/account.zopim.com\/signup?lang=fr<\/a>\u00a0(l&rsquo;inscription prends quelques minutes, attention \u00e0 bien renseigner votre adresse email pro, celle que vous utilisez pour votre site internet.)<\/li>\n<li>Une fois votre compte cr\u00e9e, on vous demandera de valider votre adresse mail et de compl\u00e9ter les informations n\u00e9cessaires pour votre profil.<\/li>\n<li>Voici un print \u00e9cran du back office de zopim<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/ajouter-live-chat-site-e-commerce-astuce-prestashop\/backoffice_zopim\/\" rel=\"attachment wp-att-1463\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1463\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim.jpg\" alt=\"Ajouter gratuitement un live chat sur votre site | Astuce Prestashop \" width=\"1612\" height=\"812\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim.jpg 1612w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim-300x151.jpg 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim-1024x516.jpg 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim-624x314.jpg 624w\" sizes=\"(max-width: 1612px) 100vw, 1612px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Afin de faire la connection \u00a0entre Zopim et votre site Prestashop, un module sera n\u00e9cessaire.<\/p>\n<p>Le site MyPrestaEu propose de t\u00e9l\u00e9charger le module gratuitement : <a href=\"https:\/\/mypresta.eu\/modules\/advertising-and-marketing\/zopim-chat-free.html\">t\u00e9l\u00e9charger le module\u00a0<\/a><\/p>\n<p>Il est tr\u00e8s facile a installer et \u00e0 configurer : <a href=\"https:\/\/mypresta.eu\/en\/art\/basic-tutorials\/zopim.html\">guide\u00a0<\/a><\/p>\n<p><strong><span style=\"color: #000080;\">A noter : <\/span><\/strong><span style=\"color: #000080;\">\u00a0<span style=\"color: #000000;\">vous avez la possibilit\u00e9 de personnaliser Zopim\u00a0<\/span><\/span><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/ajouter-live-chat-site-e-commerce-astuce-prestashop\/backoffice_zopim_2\/\" rel=\"attachment wp-att-1465\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1465\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/06\/backoffice_zopim_2.jpg\" alt=\"Ajouter gratuitement un live chat sur votre site | Astuce Prestashop \" width=\"1605\" height=\"816\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-prestashop-cade-blanc-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Supprimer le cadre blanc autour de vos images |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5292<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Lorsqu\u2019on upload une image dans Prestashop, ce dernier la\u00a0redimensionne selon les diff\u00e9rents formats sp\u00e9cifi\u00e9s dans \u00ab\u00a0pr\u00e9f\u00e9rences\/images\u00a0\u00bb.\r\n\r\nMais si vous regardez bien le front-office de\u00a0\u00a0votre boutique,\u00a0vous pouvez remarquer que Prestashop ajoute par d\u00e9faut un cadre blanc autour de votre image.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVoici la solution pour rem\u00e9dier \u00e0 ce pr...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/gerer-paniers-abandonnes-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-gerer-l-abandon-de-panier-prestashop-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/gerer-paniers-abandonnes-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> G\u00e9rer les paniers abandonn\u00e9s | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5855<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Qu'est ce qu'un panier abandonn\u00e9 ?\u00a0\r\nL\u2019abandon de panier, \u00a0c\u2019est lorsque l\u2019un de vos internautes ne finalise pas le processus de commande, apr\u00e8s avoir ajout\u00e9 un ou plusieurs produits dans le panier et cliqu\u00e9 sur\u00a0le bouton \"commander\".\r\n\r\nUn internaute peut d\u00e9cider d'arr\u00eater sa commande \u00e0 n'importe quelle \u00e9tape du processus: cr\u00e9ation de compte, choix de livraison, paiement....\r\n\r\nO\u00f9 consulter la li...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ins\u00e9rer pop-up dans une page CMS |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4320<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Un client d\u00e9sirait ins\u00e9rer un syst\u00e8me de pop-up dans la page cms de Prestashop\r\n\r\nJe ne voulais pas installer un n-i\u00e8me module pour faire simplement cela ni ins\u00e9rer un autre script\/biblioth\u00e8que que ceux inclus dans Prestashop.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVoil\u00e0 l'astuce.\r\n\r\n\r\n\r\n------------\r\n\r\n1) Ouvrir un ficher qui se nommera Validate.php, ins\u00e9rer le code suivant...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/afficher-les-fournisseurs-sur-les-pages-produits-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/fournisseurs-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/afficher-les-fournisseurs-sur-les-pages-produits-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Afficher les fournisseurs sur les pages produits | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3063<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto va vous expliquer comment ins\u00e9rer les fournisseurs dans la page\u00a0produit dans la version Prestashop 1.6\r\n\r\n\r\nA) Mettre le nom du fournisseur avec le lien sur votre page produit\r\n\r\nAjouter les lignes suivantes dans le fichier product.tpl\u00a0qui se situe dans votre th\u00e8me \u00e0 l'endroit \u00e0 vous d\u00e9sirez que le fournisseur apparaisse :\u00a0\r\n\r\nR\u00e9sultat :\u00a0\r\n\r\n\r\nB) Mettre le logo du fournisseur\u00a0avec le lien ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/creer-fiche-produit-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/10\/creer-fiche-produit-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/creer-fiche-produit-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment cr\u00e9er une fiche Produit sur Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 10657<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutoriel, nous allons voir comment cr\u00e9er une fiche produit dans Prestashop 1.7.\r\n\r\nComme vous pourrez le constater, cette page diff\u00e8re totalement de Prestashop 1.6. Elle a \u00e9t\u00e9 totalement repens\u00e9e afin de la rendre plus all\u00e9g\u00e9e et plus facile d\u2019utilisation.\r\n\r\nEtant encore en cours de d\u00e9veloppement, les traductions ne sont pas encore finies et il reste encore des soucis de mise en page.\r\n\r\n...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Qu&rsquo;est qu&rsquo;un live chat ?\u00a0 Le terme live chat d\u00e9signe l&rsquo;ensemble des moyens qui permet \u00e0 un internaute de rentrer\u00a0instantan\u00e9ment en contact \u00a0avec un employ\u00e9 du site\u00a0afin de r\u00e9pondre \u00e0 ses questions. Articles similaires SPAM PRESTASHOP FORMULAIRE DE CONTACT views 3757 Depuis qq temps, des robots de SPAM utilisent le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1466,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1461"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=1461"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1466"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}