{"id":2607,"date":"2017-04-02T18:11:12","date_gmt":"2017-04-02T18:11:12","guid":{"rendered":"https:\/\/www.clementcombes.com\/blog\/?p=2607"},"modified":"2022-04-11T20:36:27","modified_gmt":"2022-04-11T20:36:27","slug":"script-externe-cms-prestashop","status":"publish","type":"post","link":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/","title":{"rendered":"Ajouter un script Javascript externe sur une page CMS Prestashop"},"content":{"rendered":"<p style=\"text-align: justify;\">J&rsquo;avais d\u00e9j\u00e0 effectu\u00e9 quelques t\u00e2ches SEO pour des sites \u00e9voluant sur Prestashop, mais lors d&rsquo;une pr\u00e9c\u00e9dente mission, j&rsquo;ai \u00e9t\u00e9 confront\u00e9 \u00e0 Prestashop au quotidien. Faisant parfois face \u00e0 des petits probl\u00e8mes (qui peuvent, au final, vous faire perdre un temps pr\u00e9cieux !), je vous pr\u00e9sente ici une petite astuce qui vous facilitera la vie pour ajouter un script externe sur le module CMS de Prestashop.<\/p>\n<p style=\"text-align: justify;\">Jusque l\u00e0 rien d&rsquo;exceptionnel, comme sur toute plateforme, on a juste \u00e0 ajouter son bout de code et notre script externe est appel\u00e9 :<\/p>\n<blockquote><p>&lt;script type=\u00a0\u00bbtext\/javascript\u00a0\u00bb src=\u00a0\u00bbmonsuperscript.js\u00a0\u00bb&gt;&lt;\/script&gt;<\/p><\/blockquote>\n<p style=\"text-align: justify;\">Sauf que cette ligne de code vous donnera droit \u00e0 une belle erreur au moment d&rsquo;enregistrer sur le module CMS de Prestashop. Pour contourner ce probl\u00e8me, il suffit d&rsquo;ajouter quelques lignes dans le fichier cms.tpl, pr\u00e9sent dans le dossier du th\u00e8me. Si notre script \u00e0 ajouter est celui du dessus, il vous faudra alors ajouter ces lignes l\u00e0 dans votre fichier cms.tpl, juste avant votre balise de contenu :<\/p>\n<blockquote>\n<div id=\"yiv6263679923yui_3_16_0_ym19_1_1491153983300_2243\">{if $cms-&gt;id==<span style=\"color: #ff6600;\">6<\/span>}<\/div>\n<div id=\"yiv6263679923yui_3_16_0_ym19_1_1491153983300_2244\">{literal}<\/div>\n<div>&lt;script type=\u00a0\u00bbtext\/javascript\u00a0\u00bb src=\u00a0\u00bb<span style=\"color: #ff6600;\">monsuperscript.js<\/span>\u00ab\u00a0&gt;&lt;\/script&gt;<\/div>\n<div>{\/literal}<\/div>\n<div>{\/if}<\/div>\n<\/blockquote>\n<div dir=\"ltr\" style=\"text-align: justify;\">Les \u00e9l\u00e9ments en orange sont \u00e0 remplacer.<\/div>\n<ul style=\"text-align: justify;\">\n<li dir=\"ltr\">L&rsquo;ID est \u00e0 remplacer par l&rsquo;ID de la page CMS o\u00f9 vous souhaitez ins\u00e9rer le script.<\/li>\n<li dir=\"ltr\">La source de votre fichier Javascript est \u00e0 remplacer par celle de votre fichier. Sinon, vous pouvez \u00e9galement ins\u00e9rer directement votre script entre les balises.<\/li>\n<\/ul>\n<div dir=\"ltr\" style=\"text-align: justify;\">\n<p>Et c&rsquo;est tout ! Vous pouvez ensuite vous rendre sur votre page CMS dans le back-office Prestashop. Vous ajoutez du contenu si vous le souhaiter (sans vous pr\u00e9occuper de votre script), et vous enregistrez vos modifications. Et hop, magie : votre script est appel\u00e9 \ud83d\ude42<\/p>\n<p>Vous-avez d\u00e9j\u00e0 \u00e9t\u00e9 confront\u00e9(e) \u00e0 ce souci ? N&rsquo;h\u00e9sitez pas \u00e0 commenter si vous avez des difficult\u00e9s pour la mise en place de cette petite astuce. Si vous souhaitez d\u00e9couvrir d&rsquo;autres astuces, c&rsquo;est <a href=\"https:\/\/www.clementcombes.com\/blog\/category\/astuces\/\">par ici<\/a> !<\/p>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: justify;\"><\/div>\n<div dir=\"ltr\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>J&rsquo;avais d\u00e9j\u00e0 effectu\u00e9 quelques t\u00e2ches SEO pour des sites \u00e9voluant sur Prestashop, mais lors d&rsquo;une pr\u00e9c\u00e9dente mission, j&rsquo;ai \u00e9t\u00e9 confront\u00e9 \u00e0 Prestashop au quotidien. Faisant parfois face \u00e0 des petits probl\u00e8mes (qui peuvent, au final, vous faire perdre un temps pr\u00e9cieux !), je vous pr\u00e9sente ici une petite astuce qui vous facilitera la vie pour ajouter un script externe sur le module CMS de Prestashop. Jusque l\u00e0 rien d&rsquo;exceptionnel, comme sur toute plateforme, on a juste \u00e0 ajouter son bout de code et notre&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[243],"tags":[305,306,300,304,303,301,302],"class_list":["post-2607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-astuces","tag-ajout-script-cms","tag-ajout-script-prestashop","tag-prestashop","tag-script-cms","tag-script-cms-prestashop","tag-script-externe","tag-script-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ajouter un script Javascript externe sur une page CMS Prestashop<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Ajouter un script Javascript externe sur une page CMS Prestashop\" \/>\n<meta name=\"twitter:description\" content=\"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@clementcombes\" \/>\n<meta name=\"twitter:site\" content=\"@clementcombes\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cl\u00e9ment\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/\"},\"author\":{\"name\":\"Cl\u00e9ment\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/#\\\/schema\\\/person\\\/a1ab48ea59cfb5c7eb572cded1ae4e64\"},\"headline\":\"Ajouter un script Javascript externe sur une page CMS Prestashop\",\"datePublished\":\"2017-04-02T18:11:12+00:00\",\"dateModified\":\"2022-04-11T20:36:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/\"},\"wordCount\":344,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/wp-content\\\/uploads\\\/Bann_Prestashop.jpg\",\"keywords\":[\"ajout script cms\",\"ajout script prestashop\",\"prestashop\",\"script cms\",\"script cms prestashop\",\"script externe\",\"script javascript\"],\"articleSection\":[\"Astuces\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/\",\"url\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/\",\"name\":\"Ajouter un script Javascript externe sur une page CMS Prestashop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/wp-content\\\/uploads\\\/Bann_Prestashop.jpg\",\"datePublished\":\"2017-04-02T18:11:12+00:00\",\"dateModified\":\"2022-04-11T20:36:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/#\\\/schema\\\/person\\\/a1ab48ea59cfb5c7eb572cded1ae4e64\"},\"description\":\"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/wp-content\\\/uploads\\\/Bann_Prestashop.jpg\",\"contentUrl\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/wp-content\\\/uploads\\\/Bann_Prestashop.jpg\",\"width\":720,\"height\":340,\"caption\":\"Prestahop Script CMS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/script-externe-cms-prestashop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ajouter un script Javascript externe sur une page CMS Prestashop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/\",\"name\":\"Le Blog - Cl\u00e9ment Combes | Webmarketing &amp; Analytics\",\"description\":\"Retrouvez sur mon blog des articles autour des th\u00e9matiques webmarketing et webanalytics, ainsi que sur le monde du web en g\u00e9n\u00e9ral...\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.clementcombes.com\\\/blog\\\/#\\\/schema\\\/person\\\/a1ab48ea59cfb5c7eb572cded1ae4e64\",\"name\":\"Cl\u00e9ment\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g\",\"caption\":\"Cl\u00e9ment\"},\"sameAs\":[\"http:\\\/\\\/www.clementcombes.com\",\"clementcombes\",\"https:\\\/\\\/fr.linkedin.com\\\/in\\\/clementcombes\",\"https:\\\/\\\/x.com\\\/clementcombes\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ajouter un script Javascript externe sur une page CMS Prestashop","description":"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/","twitter_card":"summary_large_image","twitter_title":"Ajouter un script Javascript externe sur une page CMS Prestashop","twitter_description":"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.","twitter_image":"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg","twitter_creator":"@clementcombes","twitter_site":"@clementcombes","twitter_misc":{"\u00c9crit par":"Cl\u00e9ment","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#article","isPartOf":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/"},"author":{"name":"Cl\u00e9ment","@id":"https:\/\/www.clementcombes.com\/blog\/#\/schema\/person\/a1ab48ea59cfb5c7eb572cded1ae4e64"},"headline":"Ajouter un script Javascript externe sur une page CMS Prestashop","datePublished":"2017-04-02T18:11:12+00:00","dateModified":"2022-04-11T20:36:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/"},"wordCount":344,"commentCount":0,"image":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg","keywords":["ajout script cms","ajout script prestashop","prestashop","script cms","script cms prestashop","script externe","script javascript"],"articleSection":["Astuces"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/","url":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/","name":"Ajouter un script Javascript externe sur une page CMS Prestashop","isPartOf":{"@id":"https:\/\/www.clementcombes.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#primaryimage"},"image":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg","datePublished":"2017-04-02T18:11:12+00:00","dateModified":"2022-04-11T20:36:27+00:00","author":{"@id":"https:\/\/www.clementcombes.com\/blog\/#\/schema\/person\/a1ab48ea59cfb5c7eb572cded1ae4e64"},"description":"D\u00e9couvrez une astuce tr\u00e8s simple pour ajouter en quelques clics un script externe Javascript sur une page du module CMS de Prestashop.","breadcrumb":{"@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#primaryimage","url":"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg","contentUrl":"https:\/\/www.clementcombes.com\/blog\/wp-content\/uploads\/Bann_Prestashop.jpg","width":720,"height":340,"caption":"Prestahop Script CMS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clementcombes.com\/blog\/script-externe-cms-prestashop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.clementcombes.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ajouter un script Javascript externe sur une page CMS Prestashop"}]},{"@type":"WebSite","@id":"https:\/\/www.clementcombes.com\/blog\/#website","url":"https:\/\/www.clementcombes.com\/blog\/","name":"Le Blog - Cl\u00e9ment Combes | Webmarketing &amp; Analytics","description":"Retrouvez sur mon blog des articles autour des th\u00e9matiques webmarketing et webanalytics, ainsi que sur le monde du web en g\u00e9n\u00e9ral...","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clementcombes.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.clementcombes.com\/blog\/#\/schema\/person\/a1ab48ea59cfb5c7eb572cded1ae4e64","name":"Cl\u00e9ment","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5b82c602f83c2201bc69f8f15493d8e68c7900030a5c038a63292cc3094014db?s=96&d=monsterid&r=g","caption":"Cl\u00e9ment"},"sameAs":["http:\/\/www.clementcombes.com","clementcombes","https:\/\/fr.linkedin.com\/in\/clementcombes","https:\/\/x.com\/clementcombes"]}]}},"_links":{"self":[{"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/posts\/2607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/comments?post=2607"}],"version-history":[{"count":2,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/posts\/2607\/revisions"}],"predecessor-version":[{"id":3662,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/posts\/2607\/revisions\/3662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/media\/2707"}],"wp:attachment":[{"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/media?parent=2607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/categories?post=2607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clementcombes.com\/blog\/wp-json\/wp\/v2\/tags?post=2607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}