{"id":58,"date":"2025-02-11T09:29:47","date_gmt":"2025-02-11T09:29:47","guid":{"rendered":"http:\/\/buddydeal.test\/fr\/?page_id=58"},"modified":"2026-03-02T14:35:43","modified_gmt":"2026-03-02T14:35:43","slug":"toolkit","status":"publish","type":"page","link":"https:\/\/buddydeal.be\/fr\/toolkit\/","title":{"rendered":"Toolkit"},"content":{"rendered":"<div id=\"hero\" style=\"background-color: #fdb913; \" class=\"mb-[67px] container px-0 relative md:mb-[90px] lg:max-w-none lg:mb-[100px] 2xl:mb-[130px]\"> \n    <div class=\"container px-0 relative flex min-h-[299px] md:min-h-[390px] md:px-5 md:flex md:items-end md:pt-[53px] lg:min-h-[481px] xl:h-[567px]\">\n                    <img decoding=\"async\" class=\"absolute  \n                                    top-1\/2 -translate-y-1\/2 left-1\/2 transform -translate-x-1\/2 max-h-[67%] max-w-[calc(100%-50px)]\"\n            src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/toolkit.webp\" alt=\"\">\n            <\/div>\n<\/div>\n\n\n<div class=\"container mb-[101px] md:mb-[90px] 2xl:mb-[130px]\">\n    <h1 class=\"text-center mb-[30px]\">Toolkit<\/h1>\n    <div class=\"*:text-[20px] *:mb-[30px] text-center *:leading-[130%] 2xl:*:leading-[140%] 2xl:*:text-[24px]\">\n        <p>La Fondation contre le Cancer appelle tous les fumeurs \u00e0 arr\u00eater de fumer ou vapoter en mai avec le soutien d\u2019un Buddy. Votre organisation peut nous aider \u00e0 faire passer le message !<\/p>\n<ul>\n<li><strong>Personnalisez<\/strong> nos visuels de campagne avec le logo de votre organisation.<\/li>\n<li><strong>T\u00e9l\u00e9chargez<\/strong> du mat\u00e9riel de communication suppl\u00e9mentaire (inspiration pour vos r\u00e9seaux sociaux et newsletter, visuels,\u2026).<\/li>\n<li><strong>Diffusez<\/strong> ensuite le tout au sein de votre organisation et\/ou sur vos canaux de communication.<\/li>\n<\/ul>\n<p>Votre organisation souhaite recevoir du <strong>mat\u00e9riel imprim\u00e9<\/strong> ? Envoyez un mail \u00e0 <a href=\"mailto:buddydeal@fondationcontrelecancer.be\">buddydeal@fondationcontrelecancer.be<\/a> avec votre demande.<\/p>\n    <\/div>\n    <div class=\"md:flex md:justify-center md:gap-[26px]\">\n                    <\/div>\n<\/div>\n\n\n<div class=\"container mx-auto px-5\">\n  <div x-data=\"pdfGenerator()\" class=\"flex flex-col mb-[97px] md:flex-row gap-4\">\n    <!-- Left Column: Input Fields -->\n    <div class=\"w-full order-2 md:order-1 md:w-1\/2 xl:mb-[130px]\">\n      <label for=\"pdfInputText\" class=\"block text-xl font-bold mb-2\">Quel est le nom de votre organisation ?<\/label>\n      <input type=\"text\" \n              id=\"pdfInputText\" \n              x-model=\"text\"\n              class=\"border-2 border-bd-blue-100 py-[14px] px-3 w-full text-lg focus:border-[#0091B3] ring-0 outline-none lg:py-4 xl:text-xl \">\n      <p x-show=\"showRequired &#038;&#038; text === ''\" class=\"text-[#C43437] mt-2\">Champ obligatoire<\/p>\n      <!-- Subtext Radio Group (shows only if text is provided) -->\n      <div x-show=\"text\" class=\"mt-4\">\n        <div class=\"flex gap-4\">\n          <label class=\"inline-flex items-center\">\n            <input type=\"radio\" x-model=\"selectedSubtext\" value=\"participe \u00e0\" class=\"form-radio peer sr-only\">\n            <span class=\"pl-9 cursor-pointer h-7 flex items-center text-lg relative before:w-7 before:h-7 before:border-2 before:border-primary before:rounded-full before:absolute before:left-0 before:top-0 peer-checked:after:absolute peer-checked:after:left-2 peer-checked:after:top-2 peer-checked:after:w-3 peer-checked:after:h-3 peer-checked:after:bg-primary peer-checked:after:rounded-full xl:text-xl\">\n              Participe \u00e0            <\/span>\n          <\/label>\n          <label class=\"inline-flex items-center\">\n            <input type=\"radio\" x-model=\"selectedSubtext\" value=\"participent \u00e0\" class=\"form-radio peer sr-only\">\n            <span class=\"pl-9 cursor-pointer h-7 flex items-center text-lg relative before:w-7 before:h-7 before:border-2 before:border-primary before:rounded-full before:absolute before:left-0 before:top-0 peer-checked:after:absolute peer-checked:after:left-2 peer-checked:after:top-2 peer-checked:after:w-3 peer-checked:after:h-3 peer-checked:after:bg-primary peer-checked:after:rounded-full xl:text-xl\">\n              Participent \u00e0            <\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <!-- Radio Buttons for Alignment -->\n      <div x-show=\"text &#038;&#038; selectedSize !== '600x300'\" class=\"text-lg font-bold mt-4\">Position<\/div>\n      <div x-show=\"text &#038;&#038; selectedSize !== '600x300'\" class=\"flex gap-4\">\n        <label class=\"inline-flex items-center\">\n          <input type=\"radio\" x-model=\"textAlign\" value=\"left\" class=\"form-radio peer sr-only\">\n          <span class=\"pl-9 cursor-pointer h-7 flex items-center text-lg relative before:w-7 before:h-7 before:border-2 before:border-primary before:rounded-full before:absolute before:left-0 before:top-0 peer-checked:after:absolute peer-checked:after:left-2 peer-checked:after:top-2 peer-checked:after:w-3 peer-checked:after:h-3 peer-checked:after:bg-primary peer-checked:after:rounded-full xl:text-xl\">\n            Gauche          <\/span>\n        <\/label>\n        <label class=\"inline-flex items-center\">\n          <input type=\"radio\" x-model=\"textAlign\" value=\"center\" class=\"form-radio peer sr-only\">\n          <span class=\"pl-9 cursor-pointer h-7 flex items-center text-lg relative before:w-7 before:h-7 before:border-2 before:border-primary before:rounded-full before:absolute before:left-0 before:top-0 peer-checked:after:absolute peer-checked:after:left-2 peer-checked:after:top-2 peer-checked:after:w-3 peer-checked:after:h-3 peer-checked:after:bg-primary peer-checked:after:rounded-full xl:text-xl\">\n            Milieu          <\/span>\n        <\/label>\n      <\/div>\n\n      <!-- File Upload for Overlay Image -->\n      <div x-show=\"selectedSize === 'A3' || selectedSize === 'A4'\" class=\"flex justify-between items-center mb-2 mt-6\">\n        <div class=\"block text-xl font-bold\">Quel est le logo de votre organisation ?<\/div>\n        <div>\n          <button x-show=\"uploadedImageData\" @click=\"removeUploadedImage\" type=\"button\" class=\"p-1 bg-[#C43437]\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path d=\"M2 20L0 18L8 10L0 2L2 0L10 8L18 0L20 2L12 10L20 18L18 20L10 12L2 20Z\" fill=\"white \"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div x-show=\"selectedSize === 'A3' || selectedSize === 'A4'\" class=\"flex items-center justify-between border-2 border-primary p-0.5 mb-2 h-[60px]\">\n        <div class=\"flex items-center space-x-4\">\n          <input id=\"imageUpload\" type=\"file\" class=\"hidden\" accept=\"image\/*\" @change=\"handleFileUpload($event)\">\n          <span x-text=\"fileName ? fileName : 'S\u00e9lectionner le fichier'\" class=\"px-3 text-lg xl:text-xl\">Selecteer bestand<\/span>\n        <\/div>\n        <div class=\"flex items-center space-x-2 h-full\">\n          <label for=\"imageUpload\" class=\"cursor-pointer inline-flex items-center px-6 py-2 h-full btn btn-primary\">\n            T\u00e9lechargez          <\/label>\n        <\/div>\n      <\/div>\n      <p x-show=\"selectedSize === 'A3' || selectedSize === 'A4'\" \n         class=\"text-sm mb-12\">Pour un meilleur r\u00e9sultat, t\u00e9l\u00e9chargez un logo carr\u00e9 (1:1) ou en portrait (2:3 ou plus). Les logos en paysage (comme 3:2) peuvent ne pas s&rsquo;afficher correctement.<\/p>\n\n      <!-- Radio Buttons for Size Selection -->\n      <div class=\"mt-1 space-y-5 mb-12\"\n          :class=\"selectedSize !== 'A3' || selectedSize !== 'A4' ? 'mt-12' : ''\">\n        <template x-for=\"(size, key) in sizes\" :key=\"key\">\n          <div>\n            <label class=\"inline-flex items-center\">\n              <input type=\"radio\" x-model=\"selectedSize\" :value=\"key\" class=\"form-radio peer sr-only\">\n              <span x-text=\"size.label\" class=\"pl-10 cursor-pointer h-7 flex items-center text-lg relative before:w-7 before:h-7 before:border-2 before:border-primary before:rounded-full before:absolute before:left-0 before:top-0 peer-checked:after:absolute peer-checked:after:left-2 peer-checked:after:top-2 peer-checked:after:w-3 peer-checked:after:h-3 peer-checked:after:bg-primary peer-checked:after:rounded-full xl:text-xl\"><\/span>\n            <\/label>\n          <\/div>\n        <\/template>\n      <\/div>\n\n      <div class=\"mb-12 text-lg leading-[140%]\">\n        L&rsquo;utilisateur d\u00e9clare que le mat\u00e9riel de communication ne sera utilis\u00e9 que pour la diffusion du message de la campagne Buddy Deal de la Fondation contre le Cancer. A cette seule fin, la Fondation contre le Cancer accorde une permission ou un droit \u00e0 l&rsquo;utilisateur.      <\/div>\n      <button @click=\"generatePDF()\"\n              class=\"w-full btn btn-primary py-4 text-lg md:w-auto xl:text-xl flex items-center justify-center gap-2\">\n        T\u00e9l\u00e9chargez        <template x-if=\"isLoading\">\n            <div class=\"lds-ring\"><div><\/div><div><\/div><div><\/div><div><\/div><\/div>\n        <\/template>\n      <\/button>\n    <\/div>\n\n    <!-- Right Column: Preview -->\n    <div class=\"w-full order-1 md:order-2 md:w-1\/2 flex justify-center self-start\">\n      <div class=\"relative border overflow-hidden max-w-full\"\n           x-ref=\"previewContainer\"\n           :style=\"{ width: previewDimensions.width + 'px', height: previewDimensions.height + 'px' }\">\n        <!-- Background image -->\n        <img :src=\"sizes[selectedSize].image\" class=\"absolute bottom-0 left-0 w-full h-full object-cover\">\n\n        <!-- Main text (positioned near the top) -->\n        <div x-show=\"selectedSize === '600x300' &#038;&#038; text\">\n          <div class=\"absolute font-bold text-xs left-4\" x-text=\"text\"\n            :class=\"selectedSize !== '600x300' ? 'w-[40%] top-2' : 'w-[80%] top-0.5'\">\n          <\/div>\n        <\/div>\n        <div x-show=\"text &#038;&#038; selectedSize === 'A3'\" class=\"absolute font-bold text-2xl\"\n            :class=\"textAlign === 'center' ? 'top-2 left-1\/2 transform -translate-x-1\/2 text-center w-[60%]' : 'top-2 left-8 w-[50%]'\">\n            <div x-text=\"text\"><\/div>\n            <div x-show=\"selectedSubtext &#038;&#038; selectedSize !== '600x300'\" x-text=\"selectedSubtext\"><\/div>\n        <\/div>\n        <div x-show=\"text &#038;&#038; selectedSize === 'A4'\" class=\"absolute font-bold text-xl\"\n            :class=\"textAlign === 'center' ? 'top-2 left-1\/2 transform -translate-x-1\/2 text-center w-[60%]' : 'top-2 left-7 w-[50%]'\">\n            <div x-text=\"text\"><\/div>\n            <div x-show=\"selectedSubtext &#038;&#038; selectedSize !== '600x300'\" x-text=\"selectedSubtext\"><\/div>\n        <\/div>\n\n        <!-- Subtext (appears below main text if selected) -->\n        <template x-if=\"selectedSubtext &#038;&#038; text &#038;&#038; selectedSize === '600x300'\">\n          <div class=\"absolute font-bold text-xs top-0.5 right-4\"\n               x-text=\"selectedSubtext\"><\/div>\n        <\/template>\n\n        <!-- Uploaded overlay image in the top-right -->\n        <template x-if=\"uploadedImageData &#038;&#038; (selectedSize === 'A3' || selectedSize === 'A4')\">\n          <img :src=\"uploadedImageData\" alt=\"Overlay\" @load=\"handleImageLoad\"\n               class=\"absolute top-1\"\n               :class=\"{\n                'right-9': selectedSize === 'A3', \n                'right-6': selectedSize === 'A4'\n                }\"\n               style=\"width: 100px; height: auto; max-height: 100px; object-fit: cover; \">\n        <\/template>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction pdfGenerator() {\n  return {\n    isLoading: false,\n    text: '',\n    textAlign: 'left',\n    selectedSubtext: '',\n    uploadedImageData: '',\n    fileName: '',\n    selectedSize: 'A3',\n    uploadedImageWidth: 0,\n    uploadedImageHeight: 0,\n    sizes: {\n      'A3': { \n        label: 'A3', \n        preview: { width: 1190, height: 1684 },\n        pdf: { width: 842, height: 1190 },\n        image: 'https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/toolkit\/2025_STIK-2300045_BuddyDeal_Toolkit_A3 (1).jpg' \n      },\n      'A4': { \n        label: 'A4', \n        preview: { width: 842, height: 1190 },\n        pdf: { width: 595, height: 842 },\n        image: 'https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/toolkit\/2025_STIK-2300045_BuddyDeal_Toolkit_A4 (1).jpg' \n      },\n      '1080x1080': { \n        label: '1080x1080', \n        preview: { width: 1080, height: 1080 },\n        pdf: { width: 1080, height: 1080 },\n        image: 'https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/toolkit\/2025_BuddyDeal_Toolkit_Some_1080x1080 FR.webp' \n      },\n      '600x300': { \n        label: '600x300', \n        preview: { width: 600, height: 300 },\n        pdf: { width: 600, height: 300 },\n        image: 'https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/toolkit\/2025_BuddyDeal_Toolkit_Some_600x300_fr.webp' \n      }\n    },\n    showRequired: false,\n\n    \/\/ Computed property for dynamically updating preview dimensions\n    get previewDimensions() {\n      const originalWidth = this.sizes[this.selectedSize].preview.width;\n      const originalHeight = this.sizes[this.selectedSize].preview.height;\n\n      const container = this.$refs.previewContainer?.parentElement;\n      const containerWidth = container ? container.clientWidth : window.innerWidth;\n\n      let scale = this.selectedSize === '600x300' ? 0.9 : 0.5; \/\/ Default scale\n      if (originalWidth * scale > containerWidth) {\n        scale = containerWidth \/ originalWidth;\n      }\n\n      return {\n        width: originalWidth * scale,\n        height: originalHeight * scale\n      };\n    },\n\n    handleFileUpload(event) {\n      const file = event.target.files[0];\n      if (!file) return;\n      \n      const maxSize = 2 * 1024 * 1024; \/\/ 2MB in bytes\n      if (file.size > maxSize) {\n        alert(\"Le fichier d\u00e9passe la taille maximale autoris\u00e9e de 2 Mo. Veuillez choisir un fichier plus petit.\");\n        event.target.value = ''; \/\/ Clear the file input\n        return;\n      }\n      \n      this.fileName = file.name;\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        this.uploadedImageData = e.target.result;\n      };\n      reader.readAsDataURL(file);\n    },\n\n    handleImageLoad(event) {\n      this.uploadedImageWidth = event.target.naturalWidth;\n      this.uploadedImageHeight = event.target.naturalHeight;\n      console.log('Image dimensions:', this.uploadedImageWidth, this.uploadedImageHeight);\n    },\n\n    removeUploadedImage() {\n      this.uploadedImageData = '';\n      this.fileName = '';\n      document.getElementById('imageUpload').value = ''; \/\/ Clear file input\n    },\n\n    async generatePDF() {\n      \/\/ Validate input: show required error if text is empty\n      if (!this.text.trim()) {\n        this.showRequired = true;\n        return;\n      }\n      \n      \/\/ Show loading spinner\n      this.isLoading = true;\n      \n      \/\/ Log the form data to a CSV file via a POST request\n      const formData = {\n        timestamp: new Date().toISOString(),\n        text: this.text,\n        textAlign: this.textAlign,\n        selectedSubtext: this.selectedSubtext,\n        selectedSize: this.selectedSize,\n        fileName: this.fileName\n      };\n\n      fetch('https:\/\/buddydeal.be\/app\/themes\/hipress\/includes\/log_formdata.php', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify(formData)\n      })\n      .then(response => response.json())\n      .then(result => {\n        console.log('Form data logged:', result);\n      })\n      .catch(error => {\n        console.log(JSON.stringify(formData));\n        console.error('Error logging form data:', error);\n      });\n\n      try {\n        const { jsPDF } = window.jspdf;\n        \/\/ const size = this.sizes[this.selectedSize];\n\n        const pdfSize = this.sizes[this.selectedSize].pdf;\n\n        let pdf = new jsPDF({\n          orientation: pdfSize.width > pdfSize.height ? 'landscape' : 'portrait',\n          unit: 'px',\n          format: [pdfSize.width, pdfSize.height]\n        });\n\n        \/\/ Draw the background image\n        let bgImg = new Image();\n        bgImg.src = this.sizes[this.selectedSize].image;\n        await new Promise(resolve => bgImg.onload = resolve);\n        pdf.addImage(bgImg, 'JPEG', 0, 0, pdfSize.width, pdfSize.height);\n\n        \/\/ Draw the main text\n        if (this.text) {\n          pdf.setTextColor(0, 106, 142);\n          if(this.selectedSize === '600x300') {\n            pdf.setFontSize(24);\n          } else if(this.selectedSize === 'A4') {\n            pdf.setFontSize(40);\n          } else {\n            pdf.setFontSize(45);\n          }\n          pdf.setFont(\"helvetica\", \"bold\");\n\n          $spacing = '';\n          switch (this.selectedSize) {\n            case 'A3':\n              $spacing = '50';\n              break;\n            case 'A4':\n              $spacing = '35';\n              break;\n            case '1080x1080':\n              $spacing = '35';\n              break;\n            case '600x300':\n              $spacing = '20';\n              break;\n            default:\n          }\n          \n          \/\/ Determine x and y for the primary text\n          let textX, textY, options;\n          if (this.selectedSize === '600x300') {\n            textX = 18;\n            textY = 20;\n            \/\/ options = this.textAlign === 'center' ? { align: 'center' } : {};\n          } else {\n            textX = this.textAlign === 'center' ? pdfSize.width \/ 2 : $spacing;\n            textY = 50;\n            options = this.textAlign === 'center' ? { align: 'center' } : {};\n          }\n          \n          \/\/ Split the text to account for wrapping and compute height\n          const maxWidth = (this.selectedSize === '600x300') ? 400 : 500;\n          const splitText = pdf.splitTextToSize(this.text, maxWidth);\n          if(this.selectedSize === '600x300') {\n            pdf.setFontSize(24);\n          } else if( this.selectedSize === 'A4') {\n            pdf.setFontSize(40);\n          } else {\n            pdf.setFontSize(54);\n          }\n          pdf.text(splitText, textX, textY, options);\n          \n          \/\/ Calculate the total height of the text block\n          const lineHeight = pdf.getFontSize() * 1.2;\n          const textBlockHeight = splitText.length * lineHeight;\n\n          \/\/ Set subtext position just below the primary text\n          if (this.selectedSubtext) {\n            pdf.setTextColor(0, 106, 142);\n            if(this.selectedSize === '600x300') {\n              pdf.setFontSize(24);\n            } else if(this.selectedSize === 'A4') {\n              pdf.setFontSize(40);\n            } else {\n              pdf.setFontSize(54);\n            }\n            pdf.setFont(\"helvetica\", \"bold\");\n            \n            let subtextX, subtextY, subOptions;\n            const margin = -15;\n\n            if (this.selectedSize === '600x300') {\n              const textWidth = pdf.getTextWidth(this.selectedSubtext);\n              subtextX = (pdfSize.width - textWidth) - 18;\n              subtextY = 20;\n              pdf.text(this.selectedSubtext, subtextX, subtextY);\n            } else if(this.selectedSize === '1080x1080') {\n              subtextX = this.textAlign === 'center' ? pdfSize.width \/ 2 : $spacing;\n              subOptions = this.textAlign === 'center' ? { align: 'center' } : {};\n              subtextY = 100;\n              pdf.text(this.selectedSubtext, subtextX, subtextY, subOptions);\n            } else {\n              subtextX = this.textAlign === 'center' ? pdfSize.width \/ 2 : $spacing;\n              subOptions = this.textAlign === 'center' ? { align: 'center' } : {};\n              subtextY = textY + textBlockHeight + margin;\n              pdf.text(this.selectedSubtext, subtextX, subtextY, subOptions);\n            }\n          }\n        }\n\n        \/\/ Add the uploaded overlay image (if available)\n        if (this.uploadedImageData && (this.selectedSize === 'A3' || this.selectedSize === 'A4')) {\n          let overlayImg = new Image();\n          overlayImg.src = this.uploadedImageData;\n          await new Promise(resolve => overlayImg.onload = resolve);\n          let overlayWidth = 0;\n          if(this.selectedSize === 'A3') {\n            overlayWidth = overlayImg.height < overlayImg.width ? 150 : 125;\n          }\n          if(this.selectedSize === 'A4') {\n            overlayWidth = overlayImg.height < overlayImg.width ? 125 : 125;\n          }\n          let overlayHeight = overlayImg.height * (overlayWidth \/ overlayImg.width);\n          let xPos = this.selectedSize === 'A3' ? pdfSize.width - overlayWidth - 55 : pdfSize.width - overlayWidth - $spacing;\n          let yPos = 20; \/\/ 20px top margin\n          let imageType = this.uploadedImageData.startsWith('data:image\/png') ? 'PNG' : 'JPEG';\n          pdf.addImage(overlayImg, imageType, xPos, yPos, overlayWidth, overlayHeight);\n        }\n\n        pdf.save('buddy_deal_poster_' + this.selectedSize + '.pdf');\n      } catch (error) {\n        console.error('Error generating PDF:', error);\n      } finally {\n        \/\/ Hide the loading spinner regardless of success or error\n        this.isLoading = false;\n      }\n    }\n  };\n}\n<\/script>\n\n\n<div class=\"container mb-[101px] opacity-0  2xl:mb-[130px]\"\n    x-data\n    x-intersect.once=\"$el.classList.add('animate-in')\">\n    <h2 class=\"mb-[31px] md:mb-10\">T\u00e9l\u00e9chargez plus de mat\u00e9riel de communication<\/h2>\n            <ul class=\"grid grid-cols-12 gap-[30px]\">\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/03\/Untitled-design.png\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Guide pour professionnels<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/03\/2025_STK-Buddydeal-Guide-pro-FR.pdf\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Frame-265-1.png\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Flyer de promotion Buddy Deal<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/2025-FCC-Buddydeal-A5-Flyer-FR-v3.pdf\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/03\/2025_STIK-2100053_BuddyDeal_Banners_1080x1080-FR.png\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Visuels et inspiration pour vos r\u00e9seaux sociaux<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/03\/BuddyDeal-Banners-Visuals-FR.zip\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/thumbnail-horizontal-video-fr.jpg\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Vid\u00e9o de promotion Buddy Deal (horizontale - sans son)<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Video-de-promotion-Buddy-Deal-horizontale-sans-son-1.mp4\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/thumbnail-vertical-video-fr.jpg\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Vid\u00e9o de promotion Buddy Deal (verticale - sans son)<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Video-de-promotion-Buddy-Deal-verticale-sans-son.mp4\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/BuddydealAnimation.gif\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Sticker anim\u00e9 Buddy Deal<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/STIK_Buddy-Deal-1080x1080_logo-animation-lent.mp4\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Logo-Buddy-Deal-2025-1.png\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Logo Buddy Deal<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Logo-Buddy-Deal-2025-1.png\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                                            <li class=\"col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-3 border border-gray-100 p-5 flex flex-col justify-between\">\n                    <div class=\"mb-5\">\n                       <img decoding=\"async\" src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/stik-horizontal-fr-thumbnail-fr.jpg\" alt=\"\"> \n                    <\/div>\n                    <h3 class=\"font-regular text-xl mb-auto\">Logo Fondation contre le Cancer<\/h3>\n                    <a class=\"btn btn-primary btn-size-sm py-[15px] mt-5\" download href=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/stik-horizontal-fr-thumbnail-fr.jpg\">\n                        <div>\n                            <svg width=\"22\" height=\"22\" class=\"mr-5\">\n                                <use xlink:href=\"https:\/\/buddydeal.be\/app\/themes\/hipress\/images\/sprite.svg#download\"><\/use>\n                            <\/svg>\n                        <\/div>\n                        Download\n                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-without-default-title.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Toolkit - Buddydeal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buddydeal.be\/fr\/toolkit\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Toolkit - Buddydeal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buddydeal.be\/fr\/toolkit\/\" \/>\n<meta property=\"og:site_name\" content=\"Buddydeal\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T14:35:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/toolkit\\\/\",\"url\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/toolkit\\\/\",\"name\":\"Toolkit - Buddydeal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#website\"},\"datePublished\":\"2025-02-11T09:29:47+00:00\",\"dateModified\":\"2026-03-02T14:35:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/toolkit\\\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buddydeal.be\\\/fr\\\/toolkit\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/toolkit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Toolkit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/\",\"name\":\"Buddydeal\",\"description\":\"D\u00e9couvrez la campagne Buddy Deal de la Fondation contre le Cancer !\",\"publisher\":{\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#organization\",\"name\":\"Buddydeal\",\"url\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-BE\",\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buddydeal.be\\\/app\\\/uploads\\\/sites\\\/2\\\/2025\\\/02\\\/Property-1logo_stichting_tegen_FR.webp\",\"contentUrl\":\"https:\\\/\\\/buddydeal.be\\\/app\\\/uploads\\\/sites\\\/2\\\/2025\\\/02\\\/Property-1logo_stichting_tegen_FR.webp\",\"width\":474,\"height\":177,\"caption\":\"Buddydeal\"},\"image\":{\"@id\":\"https:\\\/\\\/buddydeal.be\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Toolkit - Buddydeal","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:\/\/buddydeal.be\/fr\/toolkit\/","og_locale":"fr_FR","og_type":"article","og_title":"Toolkit - Buddydeal","og_url":"https:\/\/buddydeal.be\/fr\/toolkit\/","og_site_name":"Buddydeal","article_modified_time":"2026-03-02T14:35:43+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buddydeal.be\/fr\/toolkit\/","url":"https:\/\/buddydeal.be\/fr\/toolkit\/","name":"Toolkit - Buddydeal","isPartOf":{"@id":"https:\/\/buddydeal.be\/fr\/#website"},"datePublished":"2025-02-11T09:29:47+00:00","dateModified":"2026-03-02T14:35:43+00:00","breadcrumb":{"@id":"https:\/\/buddydeal.be\/fr\/toolkit\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buddydeal.be\/fr\/toolkit\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/buddydeal.be\/fr\/toolkit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buddydeal.be\/fr\/"},{"@type":"ListItem","position":2,"name":"Toolkit"}]},{"@type":"WebSite","@id":"https:\/\/buddydeal.be\/fr\/#website","url":"https:\/\/buddydeal.be\/fr\/","name":"Buddydeal","description":"D\u00e9couvrez la campagne Buddy Deal de la Fondation contre le Cancer !","publisher":{"@id":"https:\/\/buddydeal.be\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buddydeal.be\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"},{"@type":"Organization","@id":"https:\/\/buddydeal.be\/fr\/#organization","name":"Buddydeal","url":"https:\/\/buddydeal.be\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-BE","@id":"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp","contentUrl":"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp","width":474,"height":177,"caption":"Buddydeal"},"image":{"@id":"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":20,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":609,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/58\/revisions\/609"}],"wp:attachment":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}