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> :

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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>:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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ää:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  1. Tallenna ja julkaise

    • Tarkista, että widget on aktiivinen.

  1. Pääsy hallintopaneeliin

    • Siirry osoitteeseen Asetukset > SEO.

  2. Kirjoita widgetin koodi

    • Jaksossa Alatunnisteen koodiliitä:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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>:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..

  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:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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>:

				
					Käytä lähettämäämme skriptiä aktivoidaksesi widgetin..
  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.