WL_Buttons_1280x720.mp4

00:00:00

Neste tutorial, vou discutir o widget de botões

00:00:03

O widget de botões é uma maneira fácil de adicionar um ou vários botões a uma determinada seção do seu site

00:00:09

Esses botões podem servir para uma variedade de funções, como enviar um e-mail

00:00:13

Você pode criar um link para um site externo, como o Facebook

00:00:16

Você pode até iniciar uma chamada telefônica com o botão

00:00:18

Então, para criar um botão, você simplesmente adicionaria o widget

00:00:22

Agora você deve ter notado que há seções de botões dentro de outros widgets, como o cabeçalho e o bloco de conteúdo, que também têm seções de botões.

00:00:31

Essas funções são praticamente idênticas à maneira como os botões são feitos aqui, exceto que o widget de botões serve apenas para criar botões e é isso que discutiremos neste vídeo.

00:00:39

Então, depois de criar seu widget de botões, você verá que esta é uma lista de botões vazia

00:00:45

Então, para adicionar um botão real, você simplesmente clicaria em adicionar um botão e isso o levará para a página dos botões

00:00:53

Você pode ver aqui embaixo os botões criados na parte superior, mas não há nada nele para determinar o que o botão faz

00:00:58

Você escolheria o tipo de link aqui e há muitos tipos diferentes de links

00:01:02

Por exemplo, se você quiser ir para uma página diferente dentro do seu site, uma página interna diferente, você pode abrir uma página separada dentro do mesmo site

00:01:11

Então, se eu quisesse ir para a segunda página, você poderia escolher uma página interna ou se você quisesse criar um link para um site externo, como um Google completamente diferente ou como o Facebook, você poderia

00:01:20

link externo através dele e você pode até rolar para uma determinada seção da página ou widget com este link

00:01:28

Essa é bem interessante

00:01:29

Você simplesmente escolheria o widget para o qual deseja rolar

00:01:32

Por exemplo, se eu quisesse que isso rolasse até o final, você simplesmente escolheria o widget inferior e então você poderia dar a ele algum texto como rolar para baixo para que

00:01:40

as pessoas sabem que ele rola para o fundo

00:01:42

Vamos ver como isso fica bem rápido

00:01:44

Você pode até adicionar uma imagem de nossa biblioteca de mídia global aqui

00:01:48

Temos centenas de imagens gratuitas para usar ou você pode arrastar e soltar do seu computador aqui ou até mesmo usar a função de navegação

00:01:56

Você também pode escolher um dos nossos muitos ícones gratuitos para seus botões

00:02:00

Então temos muitos ícones disponíveis para você usar

00:02:03

Digamos que eu queria usar uma seta para baixo apenas para mostrar que isso está indo para baixo

00:02:07

Então eu simplesmente clicaria na seta para baixo aqui e você pode salvar isso e verá que agora criou esse botão

00:02:14

Diz rolar para baixo e tem um pequeno ícone de seta para baixo

00:02:18

Você pode clicar nisso e verá que ele rolará todo o caminho até o final e então digamos, por exemplo, que você queria que as pessoas rolassem todo o caminho de volta para cima porque elas já tinham alcançado

00:02:26

o fundo

00:02:27

Você pode colocar um botão que faz a mesma coisa

00:02:28

Você simplesmente rolaria até o topo e então funcionaria exatamente da mesma forma

00:02:35

Quanto aos outros tipos de links, eles são bastante autoexplicativos quando você se aprofunda neles.

00:02:39

Mas você pode enviar um e-mail para, digamos, você quiser enviar um e-mail, quando as pessoas quiserem enviar um e-mail para você, você simplesmente digitaria seu endereço de e-mail aqui e ele criaria

00:02:47

esse botão e então as pessoas poderiam clicar nele e isso abriria seu aplicativo de e-mail e elas poderiam enviar um e-mail para você facilmente

00:02:55

Você pode até iniciar uma ligação telefônica aqui

00:02:56

Você pode digitar seu número de telefone se quiser que as pessoas entrem em contato com você

00:02:59

Eles podem fazer isso com um único toque de um botão ou até mesmo enviar uma mensagem SMS, como uma mensagem de texto, ou isso é muito fácil

00:03:07

Muitas pessoas preferem isso

00:03:09

Então, se você quiser que as pessoas enviem mensagens de texto para você, você pode usar isso com um botão

00:03:12

Você pode até fazer uma chamada pelo Skype também

00:03:14

Então, se você tem uma conta do Skype, você simplesmente digitaria o nome da sua conta do Skype ali e as pessoas poderiam ligar para você no Skype.

00:03:19

Eles podem até usar o chat do WhatsApp ou do Facebook Messenger, o que é muito legal

00:03:24

O WhatsApp é um programa de mensagens gratuito

00:03:26

Você pode baixar isso e simplesmente digitar seu número de celular do WhatsApp e então eles podem entrar em contato com você por esse meio ou pelo Facebook Messenger, que está vinculado ao seu perfil do Facebook.

00:03:35

Então, depois de determinar o que você quer que seu botão faça, você simplesmente dará a ele o texto, os ícones e a imagem, se necessário, e então você se certificará de que ele esteja salvo e então você faria

00:03:43

voltar ao menu de botões

00:03:45

Você pode fazer isso clicando no menu aqui, voltando ou clicando no botão Voltar aqui embaixo

00:03:52

Quando você retornar ao menu de botões, verá que o botão que acabamos de criar está logo ali

00:03:56

Você verá que ele está ali e ainda funciona

00:03:58

Rola para baixo até o final e você pode adicionar vários botões no mesmo widget

00:04:03

Então se você quiser fazer algo como, você sabe, me mande um e-mail, me ligue, tudo

00:04:07

Você pode fazer tudo isso em um grande pacote

00:04:08

Então vamos criar um segundo só para você ver como isso funciona

00:04:17

E então, se você quisesse que as pessoas me enviassem um e-mail, você simplesmente definiria esse e-mail e poderá ver que ele criou o segundo botão diretamente abaixo dele.

00:04:24

No que diz respeito aos dispositivos móveis, geralmente as telas serão muito menores

00:04:31

Sabe, isso vai ser organizado automaticamente para você

00:04:34

Mas você também pode determinar o número de colunas, especialmente no desktop, como ele é organizado

00:04:38

Então, se você for em frente e pudermos ver isso em tela cheia, iremos para o site completo

00:04:42

Você pode ver que tem dois botões ali, um em cima do outro

00:04:46

Se você quiser organizá-lo em colunas de dois, basta clicar em dois e poderá salvá-lo

00:04:52

E se voltarmos ao site principal aqui e atualizarmos isso, você pode ver que ele reorganizou isso em colunas de dois, colocando-os bem próximos um do outro.

00:05:00

Então essa é uma maneira fácil de organizar seus botões na área de trabalho

00:05:04

E quanto às opções adicionais, elas são praticamente todas iguais a todos os outros widgets

00:05:08

Temos a capacidade de exigir login somente para dispositivos móveis ou somente para desktop

00:05:13

Na verdade, isso também é muito útil para botões, porque digamos que você tem um negócio e quer que as pessoas liguem para você. Você pode colocar seu botão "Ligue para mim" e depois alterá-lo para celular.

00:05:22

apenas

00:05:23

Porque a maioria das pessoas nunca liga de um desktop

00:05:25

Então não há razão para mostrá-lo na tela do desktop

00:05:28

Você pode, no entanto, colocar seu Skype ou seu e-mail em um desktop e também em um celular

00:05:33

Mas tenha apenas o celular, sabe, só para ligar

00:05:36

E essa é uma maneira fácil de fazer isso

00:05:39

Então, depois de definir tudo e todos os seus botões, você pode reorganizá-los na página principal do widget

00:05:46

Então, se você arrastar e soltar isso abaixo do bloco de conteúdo, poderá ver que os botões agora estão abaixo dele

00:05:52

Então essa é uma maneira fácil de manter os botões juntos e reorganizá-los com este widget de botões