{"id":5283,"date":"2023-08-18T11:26:26","date_gmt":"2023-08-18T09:26:26","guid":{"rendered":"https:\/\/ekiwi.de\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/"},"modified":"2023-08-18T11:31:00","modified_gmt":"2023-08-18T09:31:00","slug":"integrate-cookie-banner-in-magix-webdesigner","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/","title":{"rendered":"Integrate Cookie Banner in Magix Webdesigner"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of content<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Creating_the_cookie_banner\" >Creating the cookie banner<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Insert_code_in_head_and_body_area\" >Insert code in head and body area<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Integration_in_Magix_Xara_web_designer\" >Integration in Magix \/ Xara web designer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Export_script_and_FTP_upload\" >Export script and FTP upload<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Publish_homepage\" >Publish homepage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ekiwi.de\/en\/index.php\/5283\/integrate-cookie-banner-in-magix-webdesigner\/#Cookie_banner_appears_briefly_and_disappears_again\" >Cookie banner appears briefly and disappears again<\/a><\/li><\/ul><\/nav><\/div>\n<p>Integrate a modern cookie banner in Magix Webdesigner, alternatively Xara Webdesigner, as the programme is also called.<\/p>\n<p><!--more--><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Creating_the_cookie_banner\"><\/span>Creating the cookie banner<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let&#8217;s start by creating the cookie banner. For this we use the &#8220;<a href=\"https:\/\/da-software.net\/cookiebannergenerator\/\">Cookie Banner Generator<\/a>&#8220;. You can download it here for free. Here we set up the services, then the software can create the Java script code <a href=\"https:\/\/ekiwi.de\/en\/index.php\/5306\/magix-webdesigner-accordion-for-website\/\" title=\"Xara Webdesigner: Accordion for website\">for our website<\/a>.<\/p>\n<p>Before we continue, we recommend using the preview to check whether everything fits <a href=\"https:\/\/ekiwi.de\/en\/index.php\/4831\/include-cookie-notice-in-website-html-editor-and-magix-webdesigner\/\" title=\"Include cookie notice in website &#8211; HTML Editor and Magix Webdesigner\">and the cookie<\/a> banner is displayed and shown correctly.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5269\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_1.png\" alt=\"\" width=\"1014\" height=\"441\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_1.png 1014w, \/wp-content\/uploads\/2023\/08\/cookie_1-300x130.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_1-768x334.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Insert_code_in_head_and_body_area\"><\/span>Insert code in head and body area<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let&#8217;s start by inserting the scripts that we will have generated later. We call up the export assistant in the software. Here we enter the base URL, i.e. the address of our homepage. We pay attention to the &#8220;\/&#8221; at the end.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5271\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_2.png\" alt=\"\" width=\"815\" height=\"285\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_2.png 815w, \/wp-content\/uploads\/2023\/08\/cookie_2-300x105.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_2-768x269.png 768w\" sizes=\"auto, (max-width: 815px) 100vw, 815px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Integration_in_Magix_Xara_web_designer\"><\/span>Integration in Magix \/ Xara web designer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In the example above, we see the code for the head area and body area. We copy this code and paste it into our website. To do this, we call up the web properties.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5273\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_3.png\" alt=\"\" width=\"371\" height=\"377\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_3.png 371w, \/wp-content\/uploads\/2023\/08\/cookie_3-295x300.png 295w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/p>\n<p>In the &#8220;Website&#8221; tab, we can now edit and insert the code for the body and head respectively.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5275\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_4.png\" alt=\"\" width=\"816\" height=\"580\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_4.png 816w, \/wp-content\/uploads\/2023\/08\/cookie_4-300x213.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_4-768x546.png 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Export_script_and_FTP_upload\"><\/span>Export script and FTP upload<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We <a href=\"https:\/\/ekiwi-blog.de\/16787\/windows-11-alten-explorer-verwenden\/\">switch back<\/a> to the cookie banner generator. Here we click on &#8220;Export script&#8221;. We now select the destination here. The software now creates three files for us. We transfer these to our web space using an FTP programme.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5277\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_5.png\" alt=\"\" width=\"920\" height=\"290\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_5.png 920w, \/wp-content\/uploads\/2023\/08\/cookie_5-300x95.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_5-768x242.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Publish_homepage\"><\/span>Publish homepage<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now we just need to publish our homepage. The cookie banner should now appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5279\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_6.png\" alt=\"\" width=\"800\" height=\"581\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_6.png 800w, \/wp-content\/uploads\/2023\/08\/cookie_6-300x218.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_6-768x558.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Cookie_banner_appears_briefly_and_disappears_again\"><\/span>Cookie banner appears briefly and disappears again<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Depending on the template, you may have <a href=\"https:\/\/ekiwi.de\/en\/index.php\/5091\/problems-with-strato-vserver-server-down-and-stuck-in-recovery-mode-update\/\" title=\"Problems with Strato VServer: Server down and stuck in recovery mode &#091;Update&#093;.\">problems with<\/a> the banner appearing briefly but disappearing automatically. In this case it helps to increase the delay. As a rule, 2000 ms is a good value.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5281\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_7.png\" alt=\"\" width=\"595\" height=\"411\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_7.png 595w, \/wp-content\/uploads\/2023\/08\/cookie_7-300x207.png 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Integrate a modern cookie banner in Magix Webdesigner, alternatively Xara Webdesigner, as the programme is also called.<\/p>\n","protected":false},"author":1,"featured_media":4353,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[879,881],"tags":[1026,1025],"class_list":["post-5283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-and-css","category-javascript-en","tag-cookie-en","tag-data-protection-en"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/posts\/5283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/comments?post=5283"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/posts\/5283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/media\/4353"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/media?parent=5283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/categories?post=5283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/en\/index.php\/wp-json\/wp\/v2\/tags?post=5283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}