CURSO BÁSICO DE CRIAÇÃO DE SITES MÓDULO 2 AULA 5

Transcrição

1 CRIANDO UMA AGENDA O próximo passo é criar uma agenda para que pessoas possam reservar horário para fazer o cabelo e as unhas. No PAINEL vá para PLUGINS ADICIONAR NOVO colocar o nome BIRCHPRESS SCHEDULER na caixa de procura à esquerda pressione a tecla ENTER. Pressione o botão INSTALAR AGORA. Espere que o plug-in seja instalado. A seguir vá para PAINEL PLUGINS PLUGINS INSTALADOS e ative o plug-in. Sua mãe trabalha como manicure e você vai montar um site para que as clientes dela possam reservar horário de qualquer lugar, por exemplo, quando estão no trabalho. Para isto é necessário criar uma página para marcação de hora. Vamos então criar uma página chamada Marque sua hora. Para isso vá em PAINEL PÁGINAS ADICIONAR NOVA. Coloque o nome da página. Na caixa de texto escreva: p. 1 Copyright 2016 Alberto Aguiar

2 [bpscheduler_booking_form] CURSO BÁSICO DE CRIAÇÃO DE SITES Isto vai dizer para o WordPress incluir a agenda de marcação de hora. A seguir clique em PUBLICAR. Vamos esquecer o resto por enquanto e ver como fica a nova página. Para isto clique na URL em azul que fica ao lado de LINK PERMANENTE. Abaixo está a nova página. Veja que ela não está configurada, mas tem as informações de Local, Serviço e Prestador. Coloquei a nova página dividida ao meio lado a lado para que coubesse no espaço abaixo. p. 2 Copyright 2016 Alberto Aguiar

3 Agora vamos ver como configurar os itens LOCAL, SERVIÇO e PRESTADOR. Primeiro vamos inserir um novo local. Para isso vá PAINEL CONSULTAS LOCAIS. Clique em ADICIONAR LOCAL. A seguir preencha os dados do endereço. A seguir clique no botão PUBLICAR. p. 3 Copyright 2016 Alberto Aguiar

4 Agora vamos adicionar um novo prestador. Em PAINEL CONSULTAS PRESTADORES clique em ADICIONAR NOVO PRESTADOR. Prestador é quem vai prestar o serviço. Indique o nome do novo prestador. Se existir mais de um local cadastrado eles aparecerão no item CRONOGRAMA DE TRABALHO. A Simone Faria trabalha na Cabeleireira Simone. Vamos a seguir preencher o horário de trabalho dela. p. 4 Copyright 2016 Alberto Aguiar

5 Indique então os horários de trabalho da Simone. Observe que a Simone trabalha de 09:00 às 13:00 e de 14:00 às 18:00. Existe um intervalo para o almoço. Neste caso preencha o horário inicial de 09:00 às 13:00 e a seguir clique em +ADICIONAR HORÁRIO. Vai aparecer uma nova caixa para preencher o restante do horário. Finalmente clique em PUBLICAR. Agora vou adicionar um serviço, por exemplo, Corte de Cabelo. Posso também definir a duração e o valor do serviço. Defino também quais os prestadores que prestam este serviço. Veja que neste caso tenho dois prestadores cadastrados no site Carlos Silva e Simone Faria sendo que apenas esta pessoa trabalha com o serviço Corte de Cabelo. p. 5 Copyright 2016 Alberto Aguiar

6 Agora está tudo pronto para que se agende um serviço. Para isso vou para a página de agendamento de serviços. Indico o local do serviço, o tipo de serviço, o prestador do serviço escolhido. Vou na folhinha e seleciono a data que desejo agendar o serviço. A página vai a seguir apresentar a tabela de horários LIVRES. O plug-in utilizado disponibiliza horários de 15 em 15 minutos. Como é a primeira marcação de serviço do dia aparecem todos os horários. OBSERVE que os horários entre 12:45 até 13:45 NÃO APARECEM. Isto porque o serviço leva 30 minutos e a Simone almoça entre 13:00 e 14:00 horas e, portanto, não poderá atender clientes no horário de 13:45. O serviço foi agendado para o dia 5 de maio para às 10:30. Quem agendou deve então preencher seu cadastro e clicar em ENVIAR. Aparece então a confirmação da marcação. p. 6 Copyright 2016 Alberto Aguiar

7 Vamos agora em PAINEL CONSULTA CALENDÁRIO para ver os serviços marcados. Observe que a hora marcada já está registrada. Agora outra pessoa resolve marcar hora com a Simone. Vamos ver o que acontece. p. 7 Copyright 2016 Alberto Aguiar

8 Observe que os horários de 10:15 e 10:45 não existem mais, já que qualquer serviço começado às 10:15 terminaria às 10:45 e como o serviço leva 30 minutos a marcação do serviço às 10:30 impede a marcação de serviço às 10:45. Pressione ENVIAR. Vamos agora ver como ficou o calendário da Simone. Observe que a Simone ficou com uma lacuna de 15 minutos no seu horário em virtude da forma como o Plug-in funciona. Você poderá modificar este valor, mais tarde, quando no Curso Intermediário de Criação de Sites estudarmos como editar o código do plug-in. p. 8 Copyright 2016 Alberto Aguiar