Apresentamos como exibir dados do Airtable em um website usando o Softr e como salvar as respostas dos usuários de volta no Airtable.
Conectamos o Softr ao Airtable para criar uma lista e páginas de detalhes no website, adicionando a funcionalidade de comentários para salvar as respostas dos usuários na tabela 'Table - Comment' do Airtable.
Devido às restrições do recurso de visualização do Softr, criamos um usuário, efetuamos login, navegamos da página de lista para a página de detalhes, deixamos um comentário e verificamos a resposta no Airtable para confirmar a implementação da funcionalidade.
Este conteúdo é uma continuação do conteúdo abaixo.
Desta vez, o conteúdo que está no Airtable será exibido em um site usando o Softr.
Para fins de teste, faremos algumas modificações simples no conteúdo do Airtable.
E, no Softr, criaremos um site. Podemos configurar as páginas fornecidas por padrão, mas escolhi Home e List.
Na página List, ao selecionar a lista, as configurações são exibidas à direita. Em Source, podemos conectar o Airtable.
Após a conexão, podemos ver a pré-visualização das informações inseridas no Airtable. As informações que não existem serão exibidas como valores padrão.
Agora, queremos que a lista navegue para uma página de detalhes e receba respostas. E vamos armazenar essas respostas de volta no Airtable.
Nas configurações do lado direito, vamos para Actions. E, em Item Buttons, alteramos a ação. Eu escolhi Open detail pages.
Em Select page, vamos criar uma nova página. E então, selecionamos a Detail Page que queremos.
Após a criação da página, adicionaremos um bloco Comments.
Conectamos o Airtable ao bloco Comments criado.
Antes disso, como não podemos usar a tabela existente, acessamos o Airtable e criamos uma nova tabela. Eu criei uma chamada 'Table - Comment'.
Em seguida, modificamos os campos apropriadamente. Eu criei Email, Comment, Date e RecordId.
Se você chegou até aqui, volte para o Softr e conecte o Airtable ao bloco Comments, em Source.
Agora, vamos testar. O Softr fornece a função de visualização, mas o Comment só pode ser deixado por uma conta logada. Então, vamos criar um usuário.
Clique no botão Users à esquerda para acessar.
Podemos conectar as informações do usuário ao Airtable ou a outro serviço, mas aqui vamos pular e continuar.
No canto superior direito, criamos um usuário usando Add user(s).
Agora, vamos voltar para Pages e ir para a página List.
E clicamos no botão Preview no topo para ir para o modo de visualização.
No modo de visualização, podemos mudar para o estado de logado.
Usamos o botão no topo para fazer login com o usuário que criamos anteriormente.
Vamos clicar no botão da lista. Ao clicar no botão, você será direcionado para a página de detalhes que criamos anteriormente.
E vamos deixar um comentário.
Pronto.
Agora, vamos ao Airtable e verificar se a resposta foi salva corretamente.