Tässä ohjeessa käydään läpi, miten voit hyödyntää Builderion section-komponenttia AI Commerce -verkkokauppasi sivuilla. Saat käyttöösi joustavan tavan luoda sisältöä – esimerkiksi etusivulle tai kategoria-sivuille – ja samalla säilyttää hyvän hakukonenäkyvyyden. Lisäksi ohjeessa avataan, mitä vaikutuksia valinnalla on sivun latausnopeuteen.

Vaiheittainen ohjeistus

Section-komponentin luonti Builderiossa

• Avaa Builderio ja valitse haluamasi projekti.
• Luo uusi section-komponentti (tai avaa olemassa oleva), jota haluat käyttää AI Commerce -sivulla.
• Määritä komponentin asetuksissa millä sivulla se halutaan näyttää, esimerkiksi /kategoria/farkut tai /brändi/adidas.
• Suunnittele ja muokkaa komponentti vastaamaan sivusi sisältötarpeita.
• Voit käyttää komponenttia esimerkiksi etusivulla ja kategorioissa. Integraatiokumppanisi voi asentaa tämän mihin tahansa polkuun, jopa kassalle.

Sisällön lisääminen kategoriaan

• Siirry AI Commercen kategoria-asetuksiin (Hallintapaneeli: Catalog).
• Avaa muokattava kategoria tai valmistaja ja etsi valinta ”Replace Description with Builder.io”.
• Ota valinta käyttöön, jolloin Builderion sisältö korvaa kuvaukseen oletuksena käytettävän WYSIWYG-editorin sisällön.
• Huomaa, että tämä lisäasetus kysyy ensin AI Commercelta, käytetäänkö Builderion sisältöä. Vasta sen jälkeen haetaan varsinainen sisältö Builderiosta.

Huomioi latausnopeus

• Yksi ylimääräinen kysely Builderion palvelimelle lisää kokonaislatausaikaan keskimäärin noin 50 millisekuntia.
• Jos kategoria käyttää AI Commercen omaa sisältöä (eli et valitse ”Replace Description with Builder.io”), tämä lisäviive jää luonnollisesti pois.
• Builderio-sisältö kuitenkin ladataan nykyisin palvelinpuolella, mikä parantaa hakukonenäkyvyyttä (SEO) verrattuna entiseen malliin, jossa sisältö ladattiin vasta selainpuolella.

Tallenna ja testaa

• Tallenna kategorian, valmistajan (tms.) asetus ”Replace Description with Builder.io” hallintapaneelissa.
• Siirry kaupan julkiselle puolelle tarkistamaan, että Builderion tuoma sisältö näkyy oikein.
• Tarkista myös sivun nopeus ja hakukonenäkyvyys (esimerkiksi Google Lighthouse -työkalulla) halutessasi.

Yhteenveto

Builderion section-komponentilla tuotat helposti ja joustavasti sisältöä AI Commerce sisältösivuihin korvaamalla kuvauksia WYSIWYG-editorin Builderio-pohjaisella sisällöllä. Tämä lisää yhden lyhyen palvelinkutsun, mutta sisältö prosessoidaan palvelinpuolella, joten hakukonenäkyvyys ei kärsi. Tarkista lopuksi sivun toiminta ja nopeus, jotta voit optimoida käyttökokemuksen parhaaksi mahdolliseksi.