Está aqui:   Índice / Editar O Design / Menu De Navegação E Página Home

Widgets disponíveis na seção Home

​A sua página inicial é a primeira página exibida no seu aplicativo após a tela de inicialização.
A partir desta página, você pode destacar automaticamente o conteúdo de outras páginas, adicionar frases de ação, inserir links úteis e muito mais.

Você constrói sua seção Home com widgets. Esta ajuda online descreverá os diferentes tipos de widgets disponíveis para seus aplicativos GoodBarber.

Você pode adicionar até 20 widgets na sua página inicial.

Para adicionar um widget à sua página inicial:
1. Vá para o menu Conteúdo e Design > Design > Home
2. Clique no botão verde "+" na coluna da direita
3. Selecione qual tipo de widget você deseja


1

Widget Lista de Produtos

Este widget exibe os produtos incluídos em suas coleções.

Guia Fonte
Ao adicionar esse widget, você seleciona em suas coleções existentes a coleção na qual os produtos serão exibidos no seu widget.

Guia Configurações
Essa guia lista todas as configurações de design disponíveis para este widget (modelo, cabeçalho, zona de conteúdo e opções)
É aqui que você seleciona suas cores, fontes, número de linhas de produtos exibidas etc.


2

Widget Lista de Coleções

Este widget exibe links para suas páginas de coleções.
Ao adicionar esse widget, você seleciona em suas coleções existentes quais coleções terão links exibidos no seu widget.


3

Widget Banner Promocional

Este widget permite que você promova sua loja para destacar, por exemplo, um desconto contínuo.
1. Selecione uma cor ou imagem de fundo para o seu widget
2. Defina um título e suas opções de design: cor, fonte
3. Defina o botão de ação do seu widget: título, cor, para onde ele aponta (conteúdo que você deseja promover)
4. Defina as opções globais


4

Widget Busca

Este widget ativa o recurso de busca em sua página inicial e redireciona seus usuários para o resultado da sua seção de pesquisa*
Apenas 1 widget de pesquisa pode ser adicionado na página inicial.

*Para poder definir um widget de Pesquisa, você deve primeiro definir uma seção de pesquisa.


5

Este widget exibe atalhos para as contas de rede social do seu aplicativo: Facebook, Twitter, LinkedIn, YouTube, Dailymotion, Instagram, Pinterest, Flickr, Tumblr, Dribbble e outros.
1. Selecione a rede social para a qual você deseja criar um link
2. Repita a operação neste widget para cada rede social
3. Defina o cabeçalho e as opções globais do widget


6

Widget Newsletter

Este widget permite coletar e-mails de seus usuários.

1. Guia Design
- Defina o cabeçalho, a zona de conteúdo e as opções globais do widget.
- Defina um link para seus Termos de uso usando o menu suspenso (1)

2. Guia Subscritores
Clique em exportar dados para exportar a lista em um arquivo .csv

3. Vá para o menu Configurações > Textos do app
Pesquise GB_WIDGET_NEWSLETTER_TOS_TEXT
Edite o texto para que seus usuários finais saibam por que você está coletando o email deles (o que você fará com o email deles) e peça que eles leiam seus termos de uso. (1)
Aviso: Não edite o token [TOS]

(1) Exigido pelo GDPR. O GDPR se aplica a todas as entidades sediadas em um país da UE que processam dados pessoais, bem como a todas as entidades em todo o mundo que processam dados pessoais pertencentes a residentes na UE.


7

Este widget permite que você:
- Crie links para páginas internas do seu aplicativo ou links externos na sua página inicial
- Crie uma ação a partir do seu aplicativo (ligue, envie um SMS ou e-mail)
- Abra o URL de um aplicativo nas lojas

1. Modelo de widget, selecione o modelo do seu widget

2. Links
- Clique em "adicionar um link" para criar seu link
- Selecione o tipo de link (Seção, Ação, Link externo, um aplicativo nas lojas)
- Dependendo do seu modelo, defina as diferentes opções: adicione uma imagem, título e descrição, ícone, exiba um botão etc.

3. Configurações gerais, dependendo do modelo, permitem definir as margens, a cor de fundo do widget, fontes, botão de ação, efeito nas imagens, etc.


8

Widget Separador

Este widget exibe um separador entre outros widgets.

1. Defina sua altura em pixels e cor do widget
2. Defina as opções globais do widget


9

Widget HTML

Este widget permite exibir seu próprio código HTML.

1. Preencha a altura da zona do widget
2. Ative ou não a rolagem
3. Adicione seu próprio código HTML*
4. Clique em "Salvar"

*A equipe de suporte técnico da GoodBarber não gerencia a resolução de problemas relacionados ao código externo.
A equipe do GoodBarber não depura nenhum código que não tenha sido ele próprio, incluindo códigos incorporados ou iframe.


10

Este widget exibe links para seus termos e condições
1. Escreva seus termos e condições no menu Configurações> Configurações gerais da loja> Processo de check-out
2. Defina o título para os links e a exibição deles (cores, fontes e margem)