
Como configurar a página inicial (Home) do seu aplicativo
Hoje vamos aprender como montar a Home da sua loja
A página inicial é a primeira página que seus usuários verão ao abrir seu aplicativo
Nesta página, você pode encontrar uma navegação secundária para complementar sua navegação principal
Vamos começar indo ao menu Conteúdo e Design e, em seguida, Home
Sua Home consiste em diferentes módulos chamados widgets
Existem diferentes tipos de widgets
- Lista de produtos
- Lista de coleções
- Banner promocional
- Link
- Links sociais
- Separador
- HTML
- Blog
- Localizador de lojas
Cuidado, a maioria dos widgets são atalhos para seções existentes. Eles só aparecerão se você já tiver adicionado a seção à sua loja. Por exemplo, se você não tiver uma seção de Pesquisa em sua loja, o widget de pesquisa não estará disponível.
Você pode encontrar os vídeos em cada seção na barra de informações
Para começar, vamos adicionar o widget da lista de produtos
Eu seleciono a seção ou seções relacionadas
Widget adicionado
Agora vou editá-lo
Eu seleciono um modelo
Exibição do título e todos os elementos de design
Os produtos exibidos aqui serão classificados por tags (o link para o vídeo das tags está na barra de informações)
Nesse caso, exibirei apenas produtos de cores claras
Tudo feito
Eu seleciono o número de produtos para exibir
As margens
O formato da miniatura
E voila
Agora vou criar o widget de pesquisa
Mesmo princípio. Adicionar e editar o widget
Ok, veja que o widget está lá, mas eu prefiro tê-lo no topo da página
Basta arrastá-lo para a posição desejada, como este
Agora, um widget de banner promocional
Mais widgets de lista de produtos
Um widget de newsletter para criar minha base de e-mail
Um widget de social media para exibir todos os meus links
E finalmente os avisos legais
Voila, tudo feito
A página inicial oferece muitas possibilidades, especialmente com os widgets de links, para exibir links para suas diferentes seções, mas também ações (chamadas, emails, texto) e até links externos. E o widget HTML que você pode personalizar totalmente.
Deixe-me mostrar a versão final da minha Home
Agora é hora da sua Home!
Vejo vocês em breve para outro tutorial!
Vídeos semelhantes








