# Οδηγοί εγκατάστασης για WordPress, Shopware, Magento κ.ά. · Consentl

> Οδηγοί βήμα προς βήμα για την εγκατάσταση του Consentl σε WordPress, WooCommerce, Shopware, PrestaShop, Magento, Google Tag Manager, εργαλεία ιστότοπων και frameworks.

Source: https://consentl.com/el/docs

# Ρυθμίστε το Consentl στην πλατφόρμα σας

Επιλέξτε την πλατφόρμα σας και ακολουθήστε τον οδηγό. Ο καθένας δείχνει πώς να εγκαταστήσετε και να συνδέσετε το Consentl, τι να ρυθμίσετε, πώς να ελέγξετε ότι λειτουργεί και τι δεν επιτρέπει η πλατφόρμα.

## Πώς συνδέονται τα κομμάτια

Πίνακας ελέγχου

Στο app.consentl.com. Εδώ σχεδιάζετε το banner, επιλέγετε περιοχές, ελέγχετε cookies και κείμενα και βρίσκετε τις εγγραφές συγκατάθεσης και τα αιτήματα απορρήτου.

Κλειδί ιστότοπου

Ένα δημόσιο αναγνωριστικό που ξεκινά με sk\_ και λέει στο Consentl ποιου ιστότοπου τις ρυθμίσεις να χρησιμοποιήσει. Δεν είναι κωδικός πρόσβασης.

Φορτωτής

Ένα script, πρώτο στο <head>. Εφαρμόζει την επιλογή του επισκέπτη, κρατά σε αναμονή τις ετικέτες που περιμένουν συγκατάθεση και εμφανίζει το banner όταν χρειάζεται.

Πρόσθετο ή απόσπασμα

Τα πρόσθετα προσθέτουν τον φορτωτή για εσάς και μεταβιβάζουν κάθε επιλογή στις ρυθμίσεις συγκατάθεσης της πλατφόρμας σας. Σε κάθε άλλο ιστότοπο επικολλάτε μόνοι σας το απόσπασμα.

## Πριν ξεκινήσετε (όλες οι πλατφόρμες εκτός του Shopify)

1.  Δημιουργήστε δωρεάν λογαριασμό στο app.consentl.com και προσθέστε τον ιστότοπό σας με κάθε όνομα κεντρικού υπολογιστή στο οποίο λειτουργεί (το www και ο σκέτος τομέας μετρούν ως ένα· τους τομείς δοκιμών προσθέστε τους χωριστά). [Ξεκινήστε δωρεάν](https://app.consentl.com/signup)
2.  Αντιγράψτε το κλειδί ιστότοπου από τη σελίδα Ρύθμιση του ιστότοπου. Ξεκινά με sk\_ και είναι δημόσιο: αναγνωρίζει τον ιστότοπό σας, δεν είναι κωδικός πρόσβασης.
3.  Τα πρόσθετα μπορούν να ανακτήσουν το κλειδί για εσάς με το κουμπί Σύνδεση. Διαφορετικά επικολλήστε το ή προσθέστε μόνοι σας το script του φορτωτή.
4.  Τα καταστήματα Shopify θα χρησιμοποιούν αντί γι' αυτό την εφαρμογή Consentl για Shopify, η οποία δεν χρειάζεται κλειδί ιστότοπου. Έρχεται σύντομα. [Εφαρμογή Shopify (σύντομα)](https://consentl.com/el/docs/shopify)

## Shopify

-   ### [Shopify](https://consentl.com/el/docs/shopify)
    
    The Consentl app for Shopify is coming soon: a theme app embed with no code and no site key that passes each choice to Shopify's Customer Privacy API.
    

## Πρόσθετα πλατφορμών

-   ### [WordPress](https://consentl.com/el/docs/wordpress)
    
    Install the Consentl plugin, click Connect, and the banner loads first in <head>. Works with the WP Consent API, page caches, WPML and Polylang, block and classic themes.
    
-   ### [WooCommerce](https://consentl.com/el/docs/woocommerce)
    
    WooCommerce shops use the Consentl WordPress plugin. It keeps WooCommerce order attribution off until the visitor allows marketing, and works with full-page caching.
    
-   ### [Shopware 6](https://consentl.com/el/docs/shopware)
    
    The Consentl plugin for Shopware 6.6 and 6.7 puts the banner first in <head>, replaces the Shopware cookie bar and keeps cookie groups in sync with each choice.
    
-   ### [PrestaShop](https://consentl.com/el/docs/prestashop)
    
    The Consentl module for PrestaShop 8 and 9: the banner first in <head>, ready-made privacy pages, shortcodes and widgets, multistore and the official GDPR module.
    
-   ### [Magento 2](https://consentl.com/el/docs/magento)
    
    The Consentl module for Magento and Adobe Commerce 2.4.6 to 2.4.8: the loader right after <meta charset>, a Cookie Restriction Mode bridge and CMS widgets. Luma and Hyvä.
    

## Κάθε ιστότοπος

-   ### [Any website (snippet)](https://consentl.com/el/docs/web)
    
    Add one script tag first in your site's <head>. The banner, texts, regions, Consent Mode and blocking rules are all configured in the Consentl dashboard.
    
-   ### [Google Tag Manager](https://consentl.com/el/docs/gtm)
    
    A Google Tag Manager template, imported by hand, that sets Consent Mode v2 defaults per region and forwards each choice to your Google tags, on every Consentl plan.
    

## Εργαλεία δημιουργίας ιστότοπων

-   ### [Webflow](https://consentl.com/el/docs/webflow)
    
    Add the Consentl loader to Webflow's site-wide Head code, forward the choice to Webflow Analyze, and learn what "not first in head" means on Webflow.
    
-   ### [Wix](https://consentl.com/el/docs/wix)
    
    Add Consentl as Wix custom code, route tracking through Marketing Integrations, pass each choice to Wix's Consent Policy Manager and learn the limits on Wix.
    
-   ### [Squarespace](https://consentl.com/el/docs/squarespace)
    
    Add Consentl with Squarespace code injection, move Google Analytics out of the built-in integration, turn off Squarespace's cookie banner and see what runs first.
    
-   ### [BigCommerce](https://consentl.com/el/docs/bigcommerce)
    
    Install Consentl on BigCommerce with Script Manager or in the Stencil theme for strict prior blocking, keep checkout PCI-compliant, and use it on Catalyst storefronts.
    
-   ### [Ghost](https://consentl.com/el/docs/ghost)
    
    Add Consentl to a Ghost publication with code injection, or in the theme for a loader that is truly first in <head>, and see which Ghost features Consentl does not hold.
    
-   ### [Framer](https://consentl.com/el/docs/framer)
    
    Add Consentl with Framer's "Start of <head> tag" custom code, which runs it before Framer's own scripts, and replace Framer's Cookie Banner component.
    

## Frameworks

-   ### [Next.js](https://consentl.com/el/docs/nextjs)
    
    Put Consentl first in <head> of the App Router root layout, load other tags through a small ConsentlScript component, or use the Pages Router \_document.
    
-   ### [Nuxt](https://consentl.com/el/docs/nuxt)
    
    Add the Consentl loader to Nuxt 3 and 4 with app.head and tagPriority 0, so it renders before every other script.
    
-   ### [Astro](https://consentl.com/el/docs/astro)
    
    Add the Consentl loader to your Astro base layout with is:inline, so Astro does not bundle it into a deferred module. Works with view transitions (ClientRouter).
    
-   ### [React, Vue, Angular (SPA)](https://consentl.com/el/docs/spa)
    
    Put the Consentl loader in index.html, not in a component, for single-page apps built with Vite, Create React App or the Angular CLI.