Tee sivustostasi yhteensopiva ja osallistava jo tänään.
Ilmainen kuuleminen
Ilmainen kuuleminen

Widgetin integrointiopas

Nopeasti ja helposti

Miten asennetaan
Accessibi widget

Accessibi widget auttaa parantamaan verkkosivustosi saavutettavuutta. Tässä oppaassa on yksityiskohtaiset ohjeet widgetin integroimiseksi eri alustoille: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React ja Laravel.
Etkö voi? Pyydä tukea

Vaihtoehto 1: Manuaalinen lisääminen teemaan

  1. Avaa sivustosi HTML-tiedosto

    • Käytä tekstieditoria tai IDE:tä HTML-tiedoston muokkaamiseen.

  2. Lisää widget-koodi

    • Liitä seuraava skripti ennen tagia </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista
    • Tallenna tiedosto ja lataa sivu uudelleen tarkistaaksesi, että widget toimii.

Vaihtoehto 2: Elementorin käyttö

    1. Mene Elementor > Mukautettu koodi

      • Klikkaa Lisää mukautettua koodia.

    2. Syötä koodi

      • Liitä seuraava skripti:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja julkaise

    • Julkaise koodi ja tarkista, että widget näkyy.

  1. Pääsy hallintopaneeliin

    • Siirry osoitteeseen Verkkokauppa > Teemat > Toiminnot > Muokkaa koodia.

  2. Muokkaa teematiedostoa

    • Avaa tiedosto theme.liquid.

    • Liitä koodi ennen </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista

    • Tarkista, että widget toimii oikein.

  1. Kirjaudu sisään Wix-tilillesi

    • Mene sivustosi editoriin.

  2. Lisää widget-koodi

    • Siirry osoitteeseen Asetukset > Lisäasetukset > Mukautettu koodi.

    • Liitä koodi Pää:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja julkaise

    • Tarkista, että widget on aktiivinen.

  1. Pääsy hallintopaneeliin

    • Siirry osoitteeseen Asetukset > SEO.

  2. Kirjoita widgetin koodi

    • Jaksossa Alatunnisteen koodiliitä:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista

    • Tarkista, että widget on näkyvissä.

  1. Pääsy ohjauspaneeliin

    • Siirry osoitteeseen Laajennukset > Mallit > Mallit.

  2. Muokkaa mallitiedostoa

    • Valitse käytössä oleva malli ja muokkaa tiedostoa index.php.

    • Liitä widget-koodi ennen tagia </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista

    • Tallenna muutokset ja tarkista, että widget on näkyvissä.

  1. Pääsy hallintopaneeliin

    • Siirry osoitteeseen Rakenne > Lohkot.

  2. Luo uusi mukautettu lohko

    • Liitä widgetin koodi HTML-kenttään:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>

  1. Määritä lohko

    • Sijoita lohko alatunnisteeseen.

  2. Tallenna ja tarkista

    • Tarkista widgetin toiminta.

  1. Pääsy hallintopaneeliin

    • Siirry osoitteeseen Sisältö > Suunnittelu > Määritys.

  2. Asettelun muuttaminen

    • Valitse käytössä oleva teema ja napsauta Muokkaa.

  3. Kirjoita widgetin koodi

    • Liitä seuraava koodi HTML alatunniste:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista

    • Tallenna muutokset ja tarkista widgetin toiminta.

  1. Avaa sivustosi HTML-tiedosto

    • Käytä tekstieditoria tai IDE:tä HTML-tiedoston muokkaamiseen.

  2. Lisää widget-koodi

    • Liitä seuraava skripti ennen tagia </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Tallenna ja tarkista

    • Tallenna tiedosto ja lataa sivu uudelleen tarkistaaksesi, että widget toimii.

Pyydä maksutonta konsultaatiota

Täytä lomake saadaksesi henkilökohtaisen konsultaation ja selvittääksesi, miten voimme auttaa sinua tekemään verkkosivustostasi esteettömän ja säännösten mukaisen. Asiantuntijatiimimme on valmis opastamaan sinua askel askeleelta ja tarjoamaan tarpeisiisi räätälöityjä ratkaisuja.