Drupal on tehokas avoimen lähdekoodin sisällönhallintajärjestelmä, jota käyttävät yritykset, julkishallinto ja oppilaitokset ympäri maailmaa. Tässä oppaassa näytetään, miten lisäät Smartsupp live-chatin ja Flow (aiemmin chatbotit) -widgetin Drupal-sivustollesi – ajantasaiset ohjeet Drupal 9, 10 ja 11 -versioihin sekä erillinen osio vanhalle Drupal 7:lle.
Olemme jakaneet oppaan seuraaviin osiin:
Kopioi Smartsupp-koodi
Kirjaudu sisään Smartsupp-hallintapaneeliisi ja siirry kohtaan Asetukset > Chatbox > Asennus > Lisää koodi. Kopioi koko koodinpätkä.
Lisää mukautettu lohko (Drupal 9, 10, 11)
Uudemmissa Drupal-versioissa voit lisätä Smartsupp-koodin mukautetun lohkon avulla – lisämoduuleja ei tarvita. Kirjaudu sisään Drupalin hallintapaneeliin ja siirry kohtaan Structure > Block layout > Custom block library. Napsauta Add custom block, anna lohkolle nimi (esimerkiksi "Smartsupp") ja liitä Smartsupp-koodi runkokenttään. Vaihda tekstimuotoon Full HTML, jotta script-tagi säilyy, ja napsauta sitten Save.
Sijoita lohko sivustollesi
Määritä nyt, missä lohkon pitäisi näkyä. Palaa kohtaan Structure > Block layout, etsi alue (esimerkiksi Footer tai Content), napsauta Place block, valitse Smartsupp-lohkosi ja tallenna asetukset. Widget latautuu jokaiselle sivulle, jolla kyseinen alue renderöidään, joten se on käytettävissä koko sivustollasi.
Asenna Drupal 7:ään (vanha versio)
Jos käytät edelleen Drupal 7:ää, vaiheet ovat erilaiset – tarvitset kolmannen osapuolen moduulin lisätäksesi mukautetun koodin sivun otsikkoon (headeriin).
Huomio: Drupal 7 saavutti elinkaarensa pään tammikuussa 2025 eikä saa enää tietoturvapäivityksiä. Suosittelemme päivittämään Drupal 10:een tai 11:een. Alla olevat vaiheet perustuvat kolmannen osapuolen Add To Head -moduuliin – Smartsupp ei ole vastuussa sen toiminnasta eikä tarjoa siihen tukea.
1. Asenna Add To Head -moduuli. Lataa Add To Head -moduuli .ZIP-tiedostona. Siirry Drupalin hallinnassa kohtaan Modules > List, napsauta Install new module, lataa ZIP-tiedosto ja napsauta Install.
2. Ota moduuli käyttöön. Asennuksen jälkeen moduuli ei vielä toimi ennen kuin aktivoit sen. Etsi Add To Head moduulilistasta, rastita valintaruutu ja tallenna asetukset.
3. Luo profiili ja lisää koodi. Siirry Add To Head -asetuksiin, luo uusi profiili (esimerkiksi "Smartsupp"), liitä Smartsupp-koodi koodikenttään, määritä missä sen pitäisi näkyä ja tallenna.
Vahvista asennus
Avaa Drupal-sivustosi uudessa selainvälilehdessä ja päivitä sivu. Smartsupp-chat-widgetin pitäisi ilmestyä sivustosi kulmaan. Kirjaudu sisään Smartsupp-hallintapaneeliin aloittaaksesi chatin kävijöiden kanssa.
Vinkki: Jos chat-widget ei näy, tyhjennä Drupalin välimuisti (Configuration > Performance > Clear all caches) tai avaa sivustosi incognito-ikkunassa. Drupal 9/10/11 -versioissa varmista myös, että lohkon runkokentässä on käytössä Full HTML -tekstimuoto ja että lohko on sijoitettu näkyvälle alueelle.
Liittyvät resurssit:
Smartsuppin asennus – yleiskatsaus kaikkiin asennustapoihin.
Miksi en näe chatia verkkosivustollani? – ratko yleisimmät asennusongelmat.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset – mukauta värejä, sijaintia, tervetuloviestejä ja muuta.
Chat-ikkunan tila – opi, miten chat-widgetin tila toimii ja miten sitä hallitaan.
Miksi en näe chatia verkkosivustollani? – ratko yleisimmät asennusongelmat.
Lataa liitännäiset – tutustu kaikkiin saatavilla oleviin alusta-integraatioihin.