# Asennusohjeet: WordPress, Shopware, Magento ja muut · Consentl

> Vaiheittaiset ohjeet Consentlin asentamiseen WordPressiin, WooCommerceen, Shopwareen, PrestaShopiin, Magentoon, Google Tag Manageriin, sivustotyökaluihin ja kehyksiin.

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

# Ota Consentl käyttöön alustallasi

Valitse alustasi ja seuraa ohjetta. Jokainen ohje näyttää, miten Consentl asennetaan ja yhdistetään, mitä asetetaan, miten toiminta tarkistetaan ja mitä alusta ei salli.

## Miten osat liittyvät yhteen

Hallintapaneeli

Osoitteessa app.consentl.com. Täällä suunnittelet bannerin, valitset alueet, tarkistat evästeet ja tekstit sekä löydät suostumuskirjauksesi ja tietosuojapyyntösi.

Sivustoavain

Julkinen tunniste, joka alkaa sk\_ ja kertoo Consentlille, minkä sivuston asetuksia käytetään. Se ei ole salasana.

Lataaja

Yksi skripti ensimmäisenä <head>-osiossa. Se soveltaa kävijän valinnan, pidättää suostumusta odottavat tagit ja näyttää bannerin tarvittaessa.

Lisäosa tai koodinpätkä

Lisäosat lisäävät lataajan puolestasi ja välittävät jokaisen valinnan alustan omiin suostumusasetuksiin. Muilla sivustoilla liität koodinpätkän itse.

## Ennen kuin aloitat (kaikki alustat paitsi Shopify)

1.  Luo ilmainen tili osoitteessa app.consentl.com ja lisää sivustosi kaikkine isäntänimineen (www ja pelkkä verkkotunnus lasketaan yhdeksi; lisää testiverkkotunnukset erikseen). [Aloita ilmaiseksi](https://app.consentl.com/signup)
2.  Kopioi sivustoavain sivuston asennussivulta. Se alkaa sk\_ ja on julkinen: se yksilöi sivustosi, se ei ole salasana.
3.  Lisäosat voivat hakea avaimen puolestasi Yhdistä-painikkeella. Muussa tapauksessa liitä se tai lisää lataajaskripti itse.
4.  Shopify-kaupat käyttävät sen sijaan Consentl-sovellusta Shopifylle, joka ei tarvitse sivustoavainta. Se on tulossa pian. [Shopify-sovellus (tulossa pian)](https://consentl.com/fi/docs/shopify)

## Shopify

-   ### [Shopify](https://consentl.com/fi/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.
    

## Alustojen lisäosat

-   ### [WordPress](https://consentl.com/fi/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/fi/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/fi/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/fi/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/fi/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ä.
    

## Mikä tahansa sivusto

-   ### [Any website (snippet)](https://consentl.com/fi/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/fi/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.
    

## Sivustotyökalut

-   ### [Webflow](https://consentl.com/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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.
    

## Kehykset

-   ### [Next.js](https://consentl.com/fi/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/fi/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/fi/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/fi/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.