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

Widgets disponíveis na seção Home

Sua página home é a primeira página exibida no seu aplicativo após a tela de inicialização.
Nesta página, você pode destacar automaticamente o conteúdo de outras páginas, adicionar call-to-actions, 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 em sua página inicial.


1

Widget de conteúdo

Este widget exibe o conteúdo das seções do seu aplicativo em sua página inicial.

1. Você pode optar por exibir o conteúdo dos seguintes tipos de seções*:
- Seções CMS (blog, mapa, vídeo, calendário, etc.)
- Seções de conteúdo externo (WordPress, Youtube, etc.)
- Seção usuário

2. Aba Configurações
- Modelo de widget: selecione o modelo do seu widget
- Cabeçalho: dependendo do modelo escolhido, se um cabeçalho estiver disponível, configure seu título, fontes, alinhamento, cores, etc.
- Zona de conteúdo: dependendo do modelo escolhido, várias opções estarão disponíveis para definir a cor e a fonte dos títulos, informações, cor da célula, pager, etc.
- Opções da zona de conteúdo: permite definir as opções de classificação, o número de itens, informações etc.
- Opções globais: dependendo do modelo escolhido, ele permite definir a miniatura, a margem, o alinhamento do conteúdo, o efeito nas imagens, etc.

3. Aba Fonte
Modifique a fonte do widget.

* Para poder definir um widget de conteúdo, você deve primeiro definir as seções que deseja exibir no seu widget.
A lista de fontes no seu widget depende das seções publicadas no seu aplicativo.


2

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.
Dependendo do modelo, o design dos botões muda:
Botões de nível 1: modelos Small Slideshow and Big Slideshow
Botões de nível 2: modelos Visual, Grid, Small Carousel, and Big Carousel

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 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 seu modelo, permitem definir as margens, a cor de fundo do widget, as fontes, o botão de ação, o efeito nas imagens, etc.


3

Widget de publicidade

Este widget exibe as configurações de anúncios no seu menu de monetização *.

1. Selecione a campanha
2. Selecione o formato da sua publicidade
3. Repita a operação neste widget para cada plataforma iOS, Android, PWA (dependendo da sua oferta)

* Para poder definir um widget de publicidade, você deve primeiro definir sua campanha de publicidade interna ou externa.


4

Widget de pesquisa

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

1. Selecione a seção de pesquisa de fontes para o seu widget
2. Defina o elemento de design deste widget: cabeçalho, zona de conteúdo e opções globais.

*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, Dribble 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 de Newsletter

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

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

2. Aba Assinantes
Clique em Exportar dados para exportar a lista em um arquivo .csv

3. Vá para o menu Configurações > Texto de Apps
Pesquise por GB_WIDGET_NEWSLETTER_TOS_TEXT
Edite o texto para que os seus usuários finais saibam por que você está coletando o e-mail deles (o que você fará com o e-mail deles) e peça para que eles leiam os seus Termos de Uso (1).
Aviso: Não edite o token [TOS]

(1) Exigido pelo GDPR. O GDPR se aplica a todas as entidades baseadas 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

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
 


8

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 da GoodBarber não depura nenhum código que não tenha sido ele próprio, incluindo códigos incorporados ou iframe.