---
title: "Kuinka perustaa kauppasi otsikko | Sovellus verkkokauppa - Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin takahuoneeseen\r \r Tänään me’aion määrittää sovelluksesi otsikon tai logon ja otsikon\r \r Tämä on sovelluksesi yläosa, joka on aina näkyvissä ja käytettävissä jokai…"
canonical_url: "https://fi.goodbarber.com/tutorials/shop/design/kuinka-perustaa-kauppasi-otsikko/"
lang: fi
---

# Kuinka perustaa kauppasi otsikko | Sovellus verkkokauppa - Oppaat - GoodBarber

[Takaisin](https://fi.goodbarber.com/tutorials/shop/)

# Kuinka perustaa kauppasi otsikko

Hei ja tervetuloa GoodBarberin takahuoneeseen

Tänään me’aion määrittää sovelluksesi otsikon tai logon ja otsikon

Tämä on sovelluksesi yläosa, joka on aina näkyvissä ja käytettävissä jokaisessa osiossa

Otsikolla on 4 tavoitetta
Näyttää sovelluksesi identiteetin
Antaa osiolle otsikko
Näyttää pikakuvakkeet
Navigoida sovelluksessa

Mennään siis valikkoon Sisältö ja suunnittelu > Suunnittelu > Yleinen suunnittelu

Klikkaa Logoa ja otsikkoa

Tässä voin tai lisätä otsikon tekstimuodossa tai lisätä logon

Olen todella etsimässä jotain brändinomaista, joten lisään logon

Minulla oli se jo valmiina :)

Voila!

Nyt valitsen logon kohdistuksen : oikealle tai keskelle

helppoa eikö?

Mutta haluat tehdä enemmän, eikö niin? Tiesin sen

Voit muokata otsikkoasi vielä enemmän aktivoimalla valikon edistyneen tästä

Nyt minulla on enemmän vaihtoehtoja
Voin vaihtaa fontin väriä, erotinta, lisätä taustakuvia
Voin myös lisätä linkkejä otsikkoon
Lisään linkin ostoskoriin. Klikkaa Lisää toiminto, valitse kuvake ja aseta pikakuvakkeen väri. Täydellinen

PWA:n osalta voit valita pikakuvakkeen otsikon työpöydällä ja tabletilla

Sitten korin luodin väri ja se on valmis

Viimeisenä vaiheena otsikon muut elementit:
Tarkoittaa takaisin-nuolta, joka näytetään, kun käyttäjät selaavat katalogiasi. Navigointimallistasi riippuen sinulla voi olla muitakin vaihtoehtoja. Esimerkiksi Swipe-painikkeella voit valita kuvakkeen, joka avaa valikon
Lisään videon navigointimallien infopalkissa

Let’s esikatselu

Valmis!

Annahan kun näytän lopputuloksen

Tiedät nyt, miten voit muokata kauppasi otsikkoa

Näemme pian uudessa opetusohjelmassa

## Samanlaisia videoita

[SuunnitteluNavigointivalikon määrittäminen](/tutorials/shop/design/navigointivalikon-maarittaminen/)

![Navigointivalikon määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[SuunnitteluValikon kuvakkeiden mukauttaminen](/tutorials/shop/design/valikon-kuvakkeiden-mukauttaminen/)

![Valikon kuvakkeiden mukauttaminen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[SuunnitteluSovelluksen etusivun määrittäminen](/tutorials/shop/design/sovelluksen-etusivun-maarittaminen/)

![Sovelluksen etusivun määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[SuunnitteluKuinka mukauttaa splashscreeniä](/tutorials/shop/design/kuinka-mukauttaa-splashscreenia/)

![Kuinka mukauttaa splashscreeniä](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[SuunnitteluMiten määrität myymälän globaalin tyylin?](/tutorials/shop/design/miten-maaritat-myymalan-globaalin-tyylin/)

![Miten määrität myymälän globaalin tyylin?](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[SuunnitteluMiten muokata kauppasi tärkeimpiä kuvakkeita?](/tutorials/shop/design/miten-muokata-kauppasi-tarkeimpia-kuvakkeita/)

![Miten muokata kauppasi tärkeimpiä kuvakkeita?](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[SuunnitteluMiten suunnitella myymälän osat](/tutorials/shop/design/miten-suunnitella-myymalan-osat/)

![Miten suunnitella myymälän osat](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[SuunnitteluKuinka irrottaa jakson muotoilu](/tutorials/shop/design/kuinka-irrottaa-jakson-muotoilu/)

![Kuinka irrottaa jakson muotoilu](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[SuunnitteluMiten valita otsikon koko ?](/tutorials/shop/design/miten-valita-otsikon-koko/)

![Miten valita otsikon koko ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)