# Tutorial Bubble.io para Iniciantes - Como criar um Aplicativo de Agendamento (sem codar)

**URL:** <https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399>\
**Category:** Português (Portuguese)\
**Created:** [August 20, 2020, 9:05pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399 "2020-08-20T21:05:21Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [August 20, 2020, 9:05pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/1 "2020-08-20T21:05:21Z")

</div>

Neste **Tutorial do [Bubble.io](http://Bubble.io)** vamos recriar uma **Google Agenda** , onde vamos criar eventos na agenda, visualizar, editar e deletar eventos.  
Podemos ver os eventos por mês, semana ou dia usando o plugin gratuito no Full Calendar, com o mesmo layout da Google Agenda.

**Este tutorial foi feito usando o Bubble, no plano gratuito.**

**Bubble é a mais poderosa ferramenta de desenvolvimento visual** (nocode) de aplicativos web / aplicações web, e lhe permite criar praticamente qualquer tipo de aplicativo web sem precisar programar.  
Com Bubble e outras ferramentas No-Code, você consegue tirar suas ideias do papel de forma muito mais fácil e rápida do que com programação tradicional. Você consegue validar aplicativos e negócios em semanas, o que levaria semestres se fosse feito com programação tradicional.

[![](https://img.youtube.com/vi/Z1KZVN57ctQ/maxresdefault.jpg "Tutorial Bubble.io para Iniciantes - Como criar um Aplicativo de Agendamento (sem codar)") ](https://www.youtube.com/watch?v=Z1KZVN57ctQ)

Ah, e não esqueça de comentar: Qual o Tutorial que você quer ver eu fazer na prática aqui?  
Acesse todos os tutoriais em [How to Build | Bubble](https://bubble.io/how-to-build)

Abraços,  
**Renato Asse​**  
[🚀 Comunidade Sem Codar - 200+ Aulas de Bubble, passo a passo, do zero ao avançado](https://link.semcodar.com.br/cd)

---

<div class="post-metadata">

**Author:** ![oliciojose10](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/oliciojose10/32/69775_2.png) [@oliciojose10](https://forum.bubble.io/u/oliciojose10)\
**Post date:** [August 22, 2020, 11:36am UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/2 "2020-08-22T11:36:24Z")

</div>

Ei Renato!! Fiz a Tuto! Ficou legal demais, o objetivo é que os que estão iniciando (eu) tenha mais familiaridade com as ferramentas propostas! Estamos preparando para novos vôos!!!

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [August 23, 2020, 1:05pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/3 "2020-08-23T13:05:16Z")

</div>

@oliciojose10 show 👏👏  
Se tiver sugestões pros próximos tutoriais, manda aí 🙂

---

<div class="post-metadata">

**Author:** ![oliciojose10](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/oliciojose10/32/69775_2.png) [@oliciojose10](https://forum.bubble.io/u/oliciojose10)\
**Post date:** [August 23, 2020, 1:17pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/4 "2020-08-23T13:17:54Z")

</div>

sei que vc é fera!! estou com esse probleminha!!  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/6/e/6e8f8a2ae8f9780fecb3b14328e416a290797c94.png)  
onde que estou errando!!??

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [August 23, 2020, 1:35pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/5 "2020-08-23T13:35:43Z")

</div>

@oliciojose10,  
Use Custom States pra isso:

> **[Bubble Reference](https://bubble.io/reference#Elements.GeneralConcepts.States.CustomStates)**
>
> Full reference for each Bubble element, feature, plugin. Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Ao clicar num checkbox, mande o item para um custom state, e ao clicar em excluir, exclua essa lista de itens do custom state.

---

<div class="post-metadata">

**Author:** ![oliciojose10](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/oliciojose10/32/69775_2.png) [@oliciojose10](https://forum.bubble.io/u/oliciojose10)\
**Post date:** [August 23, 2020, 9:32pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/6 "2020-08-23T21:32:44Z")

</div>

nao consengui! estou parado nessa questão!

---

<div class="post-metadata">

**Author:** ![oliciojose10](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/oliciojose10/32/69775_2.png) [@oliciojose10](https://forum.bubble.io/u/oliciojose10)\
**Post date:** [August 23, 2020, 9:58pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/7 "2020-08-23T21:58:38Z")

</div>

@renatoasse vc tem alguma tuto! pra eu resolver isso!! to com apenas uma semana de bubble!!!

---

<div class="post-metadata">

**Author:** ![luis2017emerson](https://avatars.discourse-cdn.com/v4/letter/l/d6d6ee/32.png) [@luis2017emerson](https://forum.bubble.io/u/luis2017emerson)\
**Post date:** [October 7, 2020, 11:46am UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/8 "2020-10-07T11:46:15Z")

</div>

Olá Renato ,eu vi o vídeo mas fiquei com uma pergunta , já agora eu estou a criar um aplicativo para o meu projeto de final de curso e estou a usar o bubble para desenvolver,a pergunta é a seguinte,como é que eu faço pra criei um horário? E também n permitir agendamentos nas horas que n o local do agendamento não estiver disponível, abraço🇵🇹

---

<div class="post-metadata">

**Author:** ![j.victorng122](https://avatars.discourse-cdn.com/v4/letter/j/e480ec/32.png) [@j.victorng122](https://forum.bubble.io/u/j.victorng122)\
**Post date:** [October 17, 2020, 1:06pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/9 "2020-10-17T13:06:08Z")

</div>

Faz um tutorial especial de como cobra taxa em um delivery

---

<div class="post-metadata">

**Author:** ![jean\_freitas](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@jean\_freitas](https://forum.bubble.io/u/jean_freitas)\
**Post date:** [October 29, 2020, 8:09pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/10 "2020-10-29T20:09:16Z")

</div>

> [@oliciojose10](#):
>
> Renato!! Fiz a Tuto! Ficou legal demais, o objetivo é que

olá Renato, vê se consegues me ajudar.

Estou montando no meu aplicativo um agendamento. É um aplicativo para salão e barbearia.

Qdo eu quiser mudar um agendamento abre essa tela

 ![Anotação 2020-10-29 155605](https://us1.discourse-cdn.com/bubble/original/3X/b/c/bc81a283d0f7840c28de5e37d4440c67024b3688.png)

Eu defini para cada serviço um tempo padrão, porém pode ser alterado dependendo da situação. Tipo, a cliente tem mais cabelo, então vai levar mais tempo fazer a escova.

eu não consigo achar a forma correta de fazer o seguinte.

Quando carrega o popup, ele me traz os dados originais do agendamento. Se escolher outro serviço, no campo serviços, o a duração iria procurar o tempo padrão para esse serviço e iria alterar o valor do dropdown duração. Também posso digitar o valor que quero caso seja diferente do padrão.

Até ai consegui fazer, o problema é que se eu voltar a mudar o campo serviços, o campo duração não altera, tentei colocar um checkbox, mas não deu certo.

Reparei que quando faço a inspeção do elemento, o default value aparece com o valor que eu procuro, mas não consigo fazer que o valor do campo mude.

![Anotação 2020-10-29 160543](https://us1.discourse-cdn.com/bubble/original/3X/a/b/ab4531321fa175074a7fb5e1bb55c75b83a011be.png)

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [October 29, 2020, 10:21pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/11 "2020-10-29T22:21:34Z")

</div>

@jean_freitas, teria que ver exatamente qual o default value que vc tá usando aí, mas parece ser um 30 estático. Dessa forma, ele não mudaria mesmo.

---

<div class="post-metadata">

**Author:** ![joaofabianosiqueira](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joaofabianosiqueira/32/71814_2.png) [@joaofabianosiqueira](https://forum.bubble.io/u/joaofabianosiqueira)\
**Post date:** [November 10, 2020, 2:12pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/12 "2020-11-10T14:12:36Z")

</div>

Como envia para o custom state?  
Já olhei na condicional do checkbox e nas ações e não encontrei.  
Eu criei o custom state “Excluir” como “yes/no”, mas não compreendi como faz para guardar a informação para depois criar o comando de exclusão baseado nisso.

Pode ajudar?

Obrigado.

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [November 10, 2020, 3:46pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/13 "2020-11-10T15:46:06Z")

</div>

@joaofabianosiqueira, use a ação “Set State”: [https://bubble.io/reference#Actions.SetCustomState](https://bubble.io/reference#Actions.SetCustomState)

---

<div class="post-metadata">

**Author:** ![paulolancha](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/paulolancha/32/79072_2.png) [@paulolancha](https://forum.bubble.io/u/paulolancha)\
**Post date:** [December 8, 2020, 2:42pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/14 "2020-12-08T14:42:53Z")

</div>

Olá, Renato. Estou agora a iniciar no bubble. Como faço iniciar a agenda na vista semanal e definir uma hora de início e fim como exemplo das 9h00 ás 18h00. Obrigado.

---

<div class="post-metadata">

**Author:** ![thalesjed](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thalesjed/32/79038_2.png) [@thalesjed](https://forum.bubble.io/u/thalesjed)\
**Post date:** [December 21, 2020, 11:07pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/15 "2020-12-21T23:07:48Z")

</div>

Boa noite, Paulo , posso te ajudar me chama no numero 61 993700752

---

<div class="post-metadata">

**Author:** ![piratariasa](https://avatars.discourse-cdn.com/v4/letter/p/9e8a1a/32.png) [@piratariasa](https://forum.bubble.io/u/piratariasa)\
**Post date:** [April 13, 2021, 3:37pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/16 "2021-04-13T15:37:35Z")

</div>

Gostaria de saber se tem como rotacionar um objeto ou icone em 180 graus no bubble?

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [April 13, 2021, 3:51pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/17 "2021-04-13T15:51:33Z")

</div>

@piratariasa,

Sim, alguns elementos tem o ângulo de rotação / rotation angle:  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/1/e/1e25d2a630f862f976b9963de20489f9295c743d.png)

---

<div class="post-metadata">

**Author:** ![bena\_santiago18](https://avatars.discourse-cdn.com/v4/letter/b/d2c977/32.png) [@bena\_santiago18](https://forum.bubble.io/u/bena_santiago18)\
**Post date:** [July 21, 2021, 11:39pm UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/18 "2021-07-21T23:39:09Z")

</div>

@renatoasse ou alguem do forum poderia me ajudar em uma dúvida…como faz para alterar uma lista de coisas do banco de dados por uma dropdown??

---

<div class="post-metadata">

**Author:** ![renatoasse](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/renatoasse/32/93895_2.png) [@renatoasse](https://forum.bubble.io/u/renatoasse)\
**Post date:** [July 22, 2021, 11:39am UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/19 "2021-07-22T11:39:12Z")

</div>

@bena_santiago18, use a ação Schedule API Workflow on a List.  
Ou, se estiver no plano gratuito, faça um loop com o “do every x seconds”.

Se você estiver na Comunidade Sem Codar, ensino aqui:

> **[Agendar um API Workflow em uma Lista para modificar ou criar diversos itens |...](https://comunidade.semcodar.com.br/aula/agendar-workflow-lista)**
>
> Agendar um API Workflow em uma Lista para modificar ou criar diversos itens

> **[Ações Recursivas (Loop) sem Backend Workflows | Comunidade Sem Codar](https://comunidade.semcodar.com.br/aula/loop-sem-backend)**
>
> Ações Recursivas (Loop) sem Backend Workflows

---

<div class="post-metadata">

**Author:** ![zelciosayovo](https://avatars.discourse-cdn.com/v4/letter/z/ce73a5/32.png) [@zelciosayovo](https://forum.bubble.io/u/zelciosayovo)\
**Post date:** [December 3, 2023, 5:40am UTC](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399/20 "2023-12-03T05:40:32Z")

</div>

Olá, Renato podes fazer um tutorial de Sistema de Parqueamento isso Iria me ajudar de mais porque fui pesquisar e não encontrei nenhum tutorial a falar sobre.

[Next page](https://forum.bubble.io/t/tutorial-bubble-io-para-iniciantes-como-criar-um-aplicativo-de-agendamento-sem-codar/107399.md?page=2)
