Widgets disponíveis na seção Página Inicial

A página inicial é a primeira tela exibida no seu aplicativo após a tela de inicialização.

É uma página fundamental que permite destacar conteúdo importante do seu aplicativo, guiar seus usuários para seções principais, adicionar botões de chamada para ação, exibir links úteis, mostrar anúncios, coletar endereços de e-mail e muito mais.

A página inicial é construída usando widgets. Cada widget corresponde a um tipo de conteúdo ou recurso que você pode exibir nesta página.

Você pode adicionar, remover e reordenar widgets para organizar sua página inicial da maneira que desejar.

Dependendo das extensões que você habilitou no painel administrativo do GoodBarber, widgets adicionais podem estar disponíveis.

Para adicionar um widget à sua página inicial:
1. Acesse o menu Meu App > Estrutura > Página Inicial
2. Clique no botão verde "+" na coluna da direita
3. Selecione o tipo de widget desejado

Este widget exibe os produtos incluídos nas 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
Esta aba lista todas as configurações de design disponíveis para este widget (modelo do widget, cabeçalho, zona de conteúdo e opções).
Aqui você seleciona suas cores, fontes, número de linhas de produtos exibidas, etc.

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.

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

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.

Este widget exibe atalhos para as contas de rede social do seu aplicativo: Facebook, X (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

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.

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.

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

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

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

Observe que a altura do widget não é responsiva. O mesmo valor de altura, em pixels, é aplicado tanto em dispositivos móveis quanto em computadores. Em outras palavras, a altura exibida sempre corresponde ao número exato de pixels definido nas configurações do widget.

*O Suporte Técnico da GoodBarber não lida com problemas relacionados a código externo. A equipe não depura código personalizado, incluindo código incorporado ou código iframe, que não foi criado pela GoodBarber.

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)