Asennus WordPress-sivustolle

WordPressissä on kaksi koodin paikkaa, jotka toimivat Voxtrics-kyselyjen kanssa: WPCode-lisäosan koko sivuston kattava Footer ponnahdusikkunalle, ponnahdusikkunalle ilman painiketta tai chat-kyselylle jokaisella sivulla sekä Custom HTML -lohko sivulle sijoitettavalle upotetulle lomakkeelle. Molemmat toimivat itse ylläpitämässäsi WordPress-sivustossa ja WordPress.comissa millä tahansa maksullisella tilauksella.

WordPress.comin Free-tilauksessa et voi asentaa lisäosia etkä lisätä skriptejä, joten kyselyä ei voi sijoittaa sivulle. Linkitä sen sijaan painikkeesta sivustolla olevaan kyselyyn: se avautuu omalle sivulleen eikä tarvitse koodia sivustollasi.

Ennen kuin aloitat

Lisää sivulla Verkkotunnukset verkkotunnus, jossa WordPress-sivustosi avautuu, esimerkiksi example.com, tai sen WordPress.com-osoite, kuten your-site.wordpress.com. Kysely latautuu vain verkkotunnuksessa, johon se kuuluu.
Luo kysely kyseiseen verkkotunnukseen ja julkaise se.
Kopioi kyselyn tunnus: avaa Kyselyt-luettelossa kyselyn upotuskoodi. Tunnus on formId-arvo.

Ponnahdusikkuna, ponnahdusikkuna ilman painiketta tai chat: WPCode

WordPressissä ei ole omaa kenttää koodille, joka suoritetaan jokaisella sivulla, joten koodi lisätään lisäosan kautta. Näissä ohjeissa käytetään WPCodea (aiemmin Insert Headers and Footers), joka on juuri tähän tehty ilmainen lisäosa.

Avaa WordPressin hallintapaneelissa Plugins → Add New Plugin, hae WPCode, napsauta Install Now ja sitten Activate.
Siirry kohtaan Code Snippets → Header & Footer.

Liitä kenttään Footer tämä niin, että kyselysi tunnus on YOUR_SURVEY_ID:n paikalla:

<script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
<script>
  window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
</script>

Footer-koodi suoritetaan jokaisen sivun lopussa, kun itse sivu on latautunut.

Napsauta Save Changes.

WPCoden oma ohje näistä kentistä: Using the Global Header & Footer settings.

Upotettu lomake: Custom HTML -lohko

Avaa sivu tai artikkeli editorissa ja napsauta + kohdassa, jossa kyselyn pitää näkyä.
Hae Custom HTML ja lisää lohko.

Liitä kyselysi upotuskoodi niin, että kyselysi tunnus on YOUR_SURVEY_ID:n paikalla:

<div id="feedback-widget"></div>

<script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
<script>
  window.SiteUtilsFeedback.initiateFeedbackModule({
    formId: 'YOUR_SURVEY_ID',
    container: document.getElementById('feedback-widget'),
  });
</script>

Tallenna sivu.

Elementorilla tehdyille sivuille sama koodi lisätään sen HTML-widgetiin ja Divi-sivuille sen Code-moduuliin.

WordPress säilyttää Custom HTML -lohkon skriptit vain ylläpitäjien ja päätoimittajien tallentamina (multisite-verkossa vain pääylläpitäjän). Jos joku muu tallentaa lohkon, siitä katoavat <script>-tagit, eikä kysely lataudu. Tarkista kysely julkaistulla sivulla, ei editorissa.

Jos kysely ei näy

Tarkista, että kysely on julkaistu ja kuuluu verkkotunnukseen, jossa sivustosi avautuu. Verkkotunnus, joka on lisätty muodossa example.com, kattaa myös osoitteen www.example.com, mutta ei osoitetta your-site.wordpress.com.
Tyhjennä välimuistilisäosasi tai palveluntarjoajasi välimuisti koodin lisäämisen jälkeen: sivun välimuistissa olevassa kopiossa koodia ei vielä ole.
Lisäosat, jotka viivästävät, lykkäävät tai yhdistävät JavaScriptiä sivuston nopeuttamiseksi (WP Rocket, LiteSpeed Cache, Autoptimize ja vastaavat), voivat käynnistää kyselyn myöhässä tai estää sen. Jätä feedback.voxtrics.io ja SiteUtilsFeedback näiden asetusten ulkopuolelle.
WPCoden Header-kenttään sijoitettu koodi suoritetaan ennen kuin sivu on latautunut, joten kysely ei käynnisty. Siirrä se kenttään Footer.
Kysely pysyy sivustolla vain niin kauan kuin WPCode on käytössä: lisäosan poistaminen käytöstä poistaa sen.
Sivustolla olevia kyselyjä ja sähköpostikyselyjä ei sijoiteta sivustolle. Jaa niiden linkki sen sijaan.