Maksutapojen kuvakkeet Shopify verkkokauppaan

09 helmikuu, 2021

Maksutapojen kuvakkeet Shopify verkkokauppaan

Maksutapojen kuvakkeet Shopify verkkokauppaan

Rakentaessa verkkokauppaa on tärkeää kiinnittää huomiota muutamiin asioihin, jotka ovat välttämättömiä olla sivuilla. Maksupalvelut vaativat, että heidän tarjoamansa maksutavat ilmoitetaan verkkokaupassa. Maksutavat ilmoitetaan yleensä kuvakkeina sivun alareunassa (footer).

Tämän kirjoituksen luettuasi osaat sovittaa maksupalvelun koodinpätkän omalle sivullesi.

Milloin maksutavat joudutaan lisäämään koodiin?

Jos käytät Shopify verkkokaupassasi maksutapoina yleisiä suomalaisia maksupalveluita kuten: Paytrail - täytyy maksutapojen kuvake lisätä koodina teemaan.

Poikkeuksen tähän tekee jos verkkokauppasi maksutavat ovat esimerkiksi PayPal tai Stripe, jolloin Shopifystä voit klikata maksutavat näkyviin - ei tarvetta koodaamiselle. Tällöin kuvakkeet tulevat automaattisesti näkyviin verkkokauppasi alareunaan.

Ohjeet maksutavan kuvakkeen lisäämiseen

Tämän ohjeen avulla osaat lisätä kuvakkeet riippumatta siitä mikä teema on verkkokauppasi käytössä.

Tee maksutapakuvake itse esimerkiksi Canvalla. Kuva voi olla kokoa 728 x 90px. Jos verkkokaupassasi on käytössä Paytrail ja sen kaikki tarjoamat maksutavat - voit omalla vastuullasi ladata alta kuvan.

  1. Lisää ylläolevan kuvakkeen tapainen kuva Shopifyyn (Settings >> Files >> Upload)
  2. Tämän jälkeen kopioi kuvan linkki ja rakenna koodi
  3. <img src="Kopioi-tämän-tilalle-kuvan-linkki-shopifystä" alt="maksutavat" style="width:50%;height:50%;">

  4. Nyt sinulla on koodi ja sen sisältämä kuva, joka voidaan lisätä Shopify kauppaan

Askeleet koodin lisäykseen

  1. Kirjaudu sisään Shopify kauppaan ja klikkaa “Online store”
  2. Klikkaa “Actions” >> “Edit code”
  3. Saavut Shopifyn kooditiedostojen luokse >> etsi vasemmassa reunassa olevasta listasta kansio “Sections” 
  4. Etsi tiedosto nimeltä “footer.liquid” >> klikkaa auki tämä tiedosto
  5. Etsi koodista tägi: </footer> 
  6. Tämän tägin yläpuolelle voit alkaa kokeilemaan lisätä koodia
  7. Lisää koodi >> tallenna ja käy verkkokaupastasi katsomassa. Jos paikka on huono >> poista koodi ja kokeile uuteen kohtaan.
  8. Klikkaa “Save” ja tarkista vielä kerran verkkokauppasi puolelta miltä kuvake näyttää

Tarvitsetko apua?

Etkö syystä tai toisesta saanut maksutapoja näkyviin verkkokaupassasi tai tarvitsetko apua muissa verkkokaupan töissä? Ota yhteyttä niin pyritään ratkaisemaan haasteesi!