Facebook-vimpaimien lisääminen verkkokaupan teemaan

MyCashflow'n Facebook-laajennuksen avulla voit ottaa verkkokaupassa käyttöön Facebookin vimpaimia, kuten tykkäys- ja jakopainikkeita sekä sivupluginin, jossa näytetään halutun Facebook-sivun päivityksiä.

Lue myös Facebook-laajennuksen käyttöönotto-ohjeet, jos et ole vielä ottanut laajennusta käyttöön verkkokaupassasi.

Facebook-vimpaimien lisäämiseen käytettävät HTML-koodit löydät Facebookin kehittäjäsivustolta.

Facebookin vimpaimien lisääminen verkkokaupan teemaan vaatii HTML-tiedostojen muokkaamista. Jos et osaa lisätä tarvittavia HTML-koodeja teemaan, ota yhteyttä verkkokauppasi ulkoasun suunnittelijaan tai MyCashflow'n asiakaspalveluun.

Vimpaimien lisääminen teemaan tapahtuu seuraavasti:

  1. Navigoi verkkokaupassa käytössä olevan teeman kansioon hallintatyökalun sivulla Ulkoasu » Tiedostoselain.
  2. Avaa tiedosto, joka sisältää teeman <head>-elementin ja <body>-elementin alun.
    • Usein tämä tiedosto on helpers/header.html, tms.
  3. Varmista että seuraavat Interface-tagit ovat paikallaan teemassa:
    • {Extensions(for: 'head')}	// Juuri ennen sulkevaa </head>-tagia.
      {Extensions(for: 'body')}	// Heti avaavan <body>-tagin jälkeen.
      
    • MyCashflow'n oletusteemat sekä Teemakaupan ilmaisteemat sisältävät {Extensions}-tagit valmiiksi.

  4. Kun olet varma että teema sisältää {Extensions}-tagit, mene haluamasi Facebook-pluginin sivulle Facebookin kehittäjäsivustolla.

    • Tässä ohjeessa käytetään esimerkkinä Page-pluginia, jolla lisätään Facebook-päivitysfeedi verkkokaupan ulkoasuun.
  5. Syötä vimpaimen tarvitsemat tiedot lomakkeelle ja kopioi sivulta löytyvä HTML-koodi (tässä esimerkissä koodi aukeaa Get Code -painikkeen takaa).
    • Facebook tarjoaa kopioitavaksi myös koodia, joka lisää sivulle vimpaimen käyttämän JavaScript-kirjaston. Tätä ei tarvitse kopioida. {Extensions}-tagi lisää JavaScript-kirjaston sivulle valmiiksi.
  6. Siirry takaisin verkkokaupan hallintaan ja avaa teematiedosto, johon haluat lisätä vimpaimen. Liitä kopioimasi koodi haluttuun kohtaan tiedostossa.
  7. Tallenna tiedosto ja siirry kaupan julkipuolelle katsomaan, että vimpain toimii.

Kaikkien vimpaimien lisääminen tapahtuu saman periaatteen mukaisesti, kuin tämän ohjeen esimerkissä. Facebookin vaatimat tiedot vaihtelevat kuitenkin vimpainkohtaisesti, joten lue tarkempia tietoja kehittäjäsivustolta löytyvistä ohjeista.