{"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\/taille-des-images-du-theme-par-defaut-de-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-images-demo1-657x3451-400x249.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\/taille-des-images-du-theme-par-defaut-de-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Taille des Images du th\u00e8me par d\u00e9faut de Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6964<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tutoriel va vous permettre de connaitre la taille des images du th\u00e8me par d\u00e9faut de Prestashop\r\n\r\nLa plupart des images\u00a0que vous t\u00e9l\u00e9chargez dans le back-office doivent \u00eatre enregistr\u00e9es au format .jpg ou .png. Attention pour activer le format png il faut aller dans Pr\u00e9f\u00e9rences > Images et dans la partie \"Options de g\u00e9n\u00e9ration d'images\", cochez dans format d'image :\u00a0Utiliser le PNG uniquemen...<\/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\/bouton-suivantprecedent-sur-la-page-produit\/\" 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\/prevnext_tut-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\/bouton-suivantprecedent-sur-la-page-produit\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1982<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit\r\n\r\nCette astuce Prestashop est valable pour la version 1.5 et 1.6\r\n\r\n----------------\r\n\r\n1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\n----------------\r\n\r\n2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/con...<\/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\/comment-bien-poster-sur-facebook-infographie\/\" 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-Comment-Publier-Efficacement-sur-Facebook1-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\/comment-bien-poster-sur-facebook-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment bien poster sur Facebook | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 351<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, vous montre comment publier efficacement sur FacebooK.\r\n\r\n\r\n\r\n<\/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\/centrer-votre-menu-dans-prestashop-1-6\/\" 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-Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272-400x226.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\/centrer-votre-menu-dans-prestashop-1-6\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Astuce : Centrer votre menu dans Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4123<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n\r\n\r\nComment centrer le menu sur ma boutique Prestashop ?\u00a0\r\nIl y a q'un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu\r\n\r\n\r\n\r\n1) Dans .sf-menu, ajouter text-align:center\r\n\r\n2) Dans .sf-menu > li, remplacer float:lef...<\/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\/ajouter-le-drapeau-du-pays-dans-le-bloc-langues-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-bloclanguages-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\/ajouter-le-drapeau-du-pays-dans-le-bloc-langues-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ajouter le drapeau du pays dans le bloc langues |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3948<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous d\u00e9sirez ins\u00e9rer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide.\r\n\r\nValable pour Prestashop 1.6.\r\n\r\n-------------------\r\n\r\n\r\n\r\n1) Ouvrez le fichier\u00a0blocklanguages.tpl qui se situe dans themes > lenomdevotretheme > modules >\u00a0blocklanguages > blocklanguages.tpl.\r\n\r\nIl va falloir ins\u00e9rer ce code \u00e0 deux endroits. \u00a0Par d\u00e9f...<\/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 Transformer les tabs de la page d\u2019accueil en bloc | Astuce Prestashop 1.6 views 5151 Ce [&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}]}}