Olá, seja bem-vindo(a) ao procedimento que irá te auxiliar em possíveis dúvidas e na gestão dos conteúdos dos Widgets voltados para os conteúdos internos.


Abaixo, podemos identificar os respectivos Widgets deste pacote. Temos as opções:





Os widgets de possuem responsividade para todas as telas e um certo grau de tolerância para zonas com tamanhos não convencionais, podendo quebrar caso a zona seja muito diferente do convencional. O ideal é que a zona sempre esteja no tamanho da playlist, 1280x720 ou 1920x1080 por exemplo.



Todas as imagens abaixo são meramente ilustrativas para auxiliar nas ilustrações e destaques do conteúdo escrito.

O conteúdo e cores são definidos para fins de demonstração dos respectivos widgets.




Widgets




Introdução



Os widgets são visualmente similares, havendo algumas mudanças de layout, campos e forma de exibição da imagem. Portanto, vamos abordar os widgets de acordo com suas similaridades e funcionamento.


Os formatos aceitos pelos widgets são: JPEG, PNG e GIF. Também é possível selecionar uma pasta inteira para exibição em formato de slideshow.


Como mencionado no inicio, os widgets são responsivos, ou seja, não há necessidade de distinção de formatos de telas. O mesmo widget funciona em orientações verticais e horizontais.


Você encontrará esses widgets no seguinte caminho: 

Menu lateral direito > Widgets Grátis > corporativos 





Preview dos widgets 


Agenda 01 e 02

Os widgets de Agenda 01 e 02 terão o mesmo funcionamento e opções de personalização, alterando apenas o layout dos itens exibidos. Esses 2 widgets exibirão 1 imagem com textos relacionados ao evento definido por você. 


Opções disponíveis de configuração:

Vocês verá como configurar essas abas no próximo tópico: Configurando o seu widget.


  • Agenda 01 
  • Agenda 02


Agenda 03


O widget de Agenda 03 terá o mesmo funcionamento e opções de personalização, alterando apenas o layout dos itens exibidos, permitindo a adição de vários eventos no mesmo widget


Opções disponíveis de configuração:

Vocês verá como configurar essas abas nos próximo tópico: Configurando o seu widget.


  • Agenda 03

Agenda 04


O widget de Agenda 04 é o único que permite a adição de um título antes do texto, tornando possível a criação de uma noticia com título, descrição e imagens. Esse widget pode exibir 2 ventos simultaneos.


Opções disponíveis de configuração:

Vocês verá como configurar essas abas nos próximo tópico: Configurando o seu widget.


  • Agenda 04




Configurando o seu widget



Todos os widgets atuais possuem um padrão de configuração, onde podemos personalizar cores, abertura, linguagem e tempo das imagens.


Para acessar está aba, basta clicar no atalho de edição do widget:



Após o clique, será aberto a tela de configuração do widget, onde teremos algumas abas para editar o widget em questão. Alguns widgets terão menos campos pois, isto varia de acordo com o layout e proposta do widget.

Vamos mostrar todos os campos, mas, caso o widget que você esteja editando não tenha alguns dos campos, é por conta de não dispor daquele recurso/ajuste.


As principais abas para os widgets de Agenda são:



Aba Configurações




Em "Configurações" vamos editar alguns itens relacionados à parte visual do widget. Esta aba é dividida em 3 partes. São elas:




Abertura:


Este conjunto de configurações, define como será a abertura/entrada do seu widget.


  • Shapes introdução - Caso esteja ativado, a animação de inicio terá shapes (formas geométricas) para fazer abertura e encerramento. Caso seja desativado, haverá animação de abertura, porém, sem shapes/formas.

    Exemplo de abertura/encerramento sem shape:


  • Shapes introdução (seleção) - Uma vez ativado, você poderá selecionar 3 opções de formas para a abertura/encerramento:

    Redondo:Quadrado:Triangulo:
  • Introdução - Caso desabilite, não haverá nenhuma animação de abertura ou encerramento. O widget iniciará direto nas imagens selecionadas

    Exemplo:

   






Cores:


Para exemplificar o local de cada cor, vamos definir cada campo com vermelh, assim fica evidente a área em que a cor é aplicada



  • Cor principal - 

  • Cor secundária -

  • Cor de fundo -

  • Cor do texto -





Configuração:



  • Linguagem - Possibilidade de alterar o idioma da label padrão do widget que aparece na abertura. Os idiomas disponíveis são: português, inglês e espanhol.


A opção de linguagem traduz somente a label padrão do widget. Está opção não irá traduzir os textos inseridos em outras abas


  • Imagens de fundo - imagem para compor o background do widget






Aba Promoção / Evento



Em "Promoção" vamos criar o evento em si, com as principais informações do evento



  • Adicionar item - Clique para criar um novo evento. Ao clicar neste botão, será criado um novo item com o campo de texto em branco. Basta preenchê-lo para que o texto seja considerado no widget.Para excluir este item, clique no ícone de lixeira no canto superior direito.

    Para selecionar a imagem, clique no ícone de lupa ao lado do campo e selecione a imagem no seu file manager



    Obs: Em todos os widgets de agenda será obrigatório o preenchimento do campo. Caso não seja preenchido, os eventos não serão exibidas.


    Você pode adicionar mais de um item, assim o widget irá alternar a exibição de eventos, revezando conforme o tempo do widget.

    Também é possível desativar um item clicando na chave ao lado da lixeira.
    Estando verde, significa que o item está ativado, estando vermelho significa que o item está desativado.
  • Remova todos os itens - Ao clicar neste botão, será removido todos os itens deste widget. É uma maneira fácil de limpar a lista de itens

  • Remova os itens selecionados - Ao clicar neste botão, será removido da lista todos os itens selecionados. Para selecionar um item, basta clicar na caixinha ao lado do item







  • Importar do excel - Este recurso serve para importar uma lista grande com agilidade. Monte uma planilha seguindo os campos do item e faça o upload dela.

    Exemplo:
    Observações em caso de preenchimento via planilha

  • A data deve estar no formato de data na planilha, não em texto simples
  • O horário deve estar no formato de texto simples
  • A coluna de imagens deve existir, mas ficará em branco, pois não há como importar as imagens via planilha nos widgets cortesia padrão.

    Clicando no botão, um pop-up será aberto para você selecionar sua planilha.

    Clique em "Browse" para selecionar sua planilha.

    Clique em "Ignore header/first line" para que o cabeçalho seja ignorado.

    Cloque em "Ok" para concluir o upload da planilha.

    Agora os itens estão criados de acordo com a planilha.

Aba Agenda



Os widgets que tiverem esta aba permitirão adicionar uma descrição geral do evento, além da descrição do dia do evento. Basta adicionar o texto:



Aba Fotos individuais


Em "Fotos individuais" vamos adicionar imagens individuais para exibição no widget. Você terá acesso ao mesmo menu de  noticias, pois a dinamica é a mesma, a diferença é que será selecionado imagens do seu gerenciador de arquivos.



  • Adicionar item - Clique para criar uma nova imagem. Ao clicar neste botão, será criado um novo item com o campo de foto em branco. Basta clicar no icone de lupa para selecionar uma imagem para o widget.
    O seguinte pop-up será aberto:
    Localize a pasta em que está a imagem ou use o campo "Search" para procurar pelo nome da imagem.

    Exemplo:
    Após selecionar a imagem, clique em "OK".


    Para excluir um item criado, clique no ícone de lixeira no canto superior direito.


    Você pode adicionar mais de um item, assim o widget irá alternar a exibição das imagens na sequência dos itens, revezando de acordo com o tempo das imagens definido na aba "Configurações".

    Também é possível desativar um item clicando na chave ao lado da lixeira.
    Estando verde, significa que o item está ativado, estando vermelho significa que o item está desativado.

  • Remova todos os itens - Ao clicar neste botão, será removido todos os itens deste widget. É uma maneira fácil de limpar a lista de itens

  • Remova os itens selecionados - Ao clicar neste botão, será removido da lista todos os itens selecionados. Para selecionar um item, basta clicar na caixinha ao lado do item









O que achou? Estes Widgets de cortesia te auxiliaram no que precisava?

Em caso de quaisquer dúvidas, entre em contato conosco:

Via e-mail suporte@b2midia.com.br
Via telefone (11) 2382-9631 Ramal 1 - Suporte Técnico

Via Whatsapp (11) 94392-6579 (cadastro necessário)