Footer latautuu kaikilla sivuilla, joten sen tulee olla skaalautuva, kevyt ja toimintavarma iPad-, mobiili- ja PC-käytössä. Tässä ohjeessa käydään läpi, mitkä footerin muutokset voit tehdä itse Hallintapaneelista ja mitkä muutokset kannattaa toteuttaa käyttöliittymäkoodeissa integraatiopartnerin toimesta, jotta kokonaisuus pysyy teknisesti eleganttina ja suorituskykyisenä.

Mistä editoidaan?

Näin muokkaat footeria

1. Tunnista ensin, onko kyse rakenteellisesta vai sisällöllisestä muutoksesta.
   Footerin rakenne hallitaan lähtökohtaisesti käyttöliittymäkoodeissa. Tämä on suositeltu toteutustapa, koska footerin pitää toimia vakaasti eri päätelaitteilla ja latautua kevyesti jokaisella sivulla. Footer on teknisesti mahdollista vaihtaa kokonaan custom-komponentiksi esimerkiksi Builderio-komponenteilla, mutta sitä ei suositella ensisijaiseksi ratkaisuksi. Rakenteelliset erot ja muutokset on yleensä helpointa toteuttaa käyttöliittymäkoodeissa integraatiopartnerin toimesta.
2. Muokkaa footerin tekstejä Translation-sivulla.
   Footerin sisältö ja tekstit ovat lähtökohtaisesti muokattavissa kaupan asetuksista ja Hallintapaneelista. Tekstit löytyvät Translation-sivulta. Jos haluat päivittää esimerkiksi puhelinasiakastuen aukioloajat, etsi Translation-sivulta katkelma nykyisistä kellonajoista. Näin löydät oikean tekstikohdan nopeasti ja voit päivittää sisällön tarkasti oikeaan paikkaan.
3. Muokkaa puhelinnumero MyStore-asetuksissa.
   Footerissa näkyvä puhelinnumero ei yleensä tule Translation-sivulta, vaan kaupan konfiguraation MyStore-asetuksista. Kun puhelinnumeroa tarvitsee päivittää, tarkista muutos MyStore-asetuksista Hallintapaneelissa.
4. Huomioi, mitkä linkit tulevat automaattisesti AI Commerce -ydinkoodista.
   Footerissa on tyypillisesti osio, kuten "Useimmiten ostaminen", jonka alla olevat linkit tulevat automaattisesti AI Commerce -ydinkoodista. Tällaisia linkkejä ovat esimerkiksi ostoskori, kassa, toimitustavat, maksutavat ja tuotemerkit. Näitä linkkejä ei käytännössä yleensä tarvitse muokata erikseen, koska ne muodostuvat automaattisesti toiminnallisuuksien mukaan. Tarvittaessa myös näitä voidaan kuitenkin muokata integraatiopartnerin kanssa.
5. Hallitse tietosivujen linkkejä Custom-navigationissa tai Custom-footerissa.
   "Tieto" -välilehden alla olevat linkit, kuten yhteystiedot, toimitusehdot ja muut sivuston sisäiset tietosivut, hallitaan tyypillisesti Custom-navigationissa tai Custom-footer-työkalulla. Hallintapaneelissa oleva Custom-footer sopii näiden linkkien ja sivuviittausten hallintaan silloin, kun haluat ylläpitää footerin sisältöä ilman rakenteellista koodimuutosta.
6. Näytä Page Builderissa luotu sivu myös footerissa.
   Footeriin voidaan tuoda dynaamisesti myös kaupan Page Builderissa luotuja sivuja. Kun sivulla otetaan käyttöön asetus Display in footer, sivun otsikko tai linkki voidaan näyttää myös footerissa. Tämä sopii tilanteisiin, joissa haluat tuoda footeriin sivurakennustyökalulla luotua tietosisältöä ilman erillistä manuaalista linkin rakentamista.
7. Käytä Custom-footeria ulkoisiin ja kampanjakohtaisiin linkkeihin.
   Jos haluat lisätä footeriin linkin kampanjaan, yhteistyösisältöön tai ulkoiseen palveluun, oikea työkalu on yleensä Custom-footer. Tällöin hallinnoit linkkejä käsin ja voit ohjata käyttäjän mihin tahansa kohteeseen. Esimerkiksi jos teillä on yhteistyöartikkeli Kauppalehden kanssa, lisää footerin linkkiin koko Kauppalehden URL-osoite.
8. Käytä sisäisissä linkeissä vain polkua.
   Jos linkität sivuston sisäiseen sisältöön, kuten WordPressissä tai Builderio-työkalulla tehtyyn artikkeliin tai blogikirjoitukseen, domainia ei tule lisätä. Lisää linkkiin pelkkä polku kyseiseen sisältöön. Tämä on oikea tapa silloin, kun kohde sijaitsee saman verkkotunnuksen alla.
9. Tee rakenteelliset muutokset käyttöliittymäkoodeissa.
   Jos tavoitteena on muuttaa footerin rakennetta, lisätä uusia kuvia, muuttaa elementtien järjestystä tai muuten personoida ja räätälöidä footeria, muutos kannattaa tehdä käyttöliittymäkoodeissa integraatiopartnerin toimesta. Näin footerista saadaan sekä suorituskykyinen että skaalautuva ilman turhaa teknistä raskautta.

Lisävinkit

• Pidä footer mahdollisimman kevyenä, koska se ladataan jokaisella sivulla.
• Vältä tarpeettoman raskaita toteutuksia silloin, kun sama lopputulos voidaan saavuttaa käyttöliittymäkoodeissa yksinkertaisemmin.
• Testaa muutokset aina iPad-, mobiili- ja PC-näkymissä, jotta footer säilyy toimivana eri päätelaitteilla.
• Käytä Hallintapaneelia sisältömuutoksiin ja linkkihallintaan, mutta vie rakenteelliset muutokset kooditasolle.

Yhteenveto

Footerin tekstit, puhelinnumero ja osa linkeistä ovat hallittavissa Hallintapaneelista, mutta footerin rakenne kannattaa pitää käyttöliittymäkoodeissa. Käytännössä hyvä etenemistapa on erottaa toisistaan sisältömuutokset ja rakenteelliset muutokset: tee tekstien ja linkkien päivitykset Hallintapaneelista ja toteuta rakenteelliset laajennukset käyttöliittymäkoodeissa, jotta footer pysyy nopeana, toimintavarmana ja helposti ylläpidettävänä.

Avainsanat

• footer
• alatunniste
• AI Commerce footer
• Hallintapaneeli
• Translation
• MyStore
• Custom-footer
• Custom-navigation
• Display in footer
• Builderio