Skip to content

Instantly share code, notes, and snippets.

@rcapeto
Last active May 2, 2023 13:55
Show Gist options
  • Save rcapeto/701e8bc235ea840462869fd148cf3bb2 to your computer and use it in GitHub Desktop.
Save rcapeto/701e8bc235ea840462869fd148cf3bb2 to your computer and use it in GitHub Desktop.

šŸ“„ Criação de conteĆŗdo Fale conosco no Prismic

Documentação para editar documento da pÔgina de fale conosco no site da meutudo.

  • Para facilitar na edição dos conteĆŗdos na pĆ”gina de fale conosco, decidimos cadastrar via Prismic, para nĆ£o depender de um deploy para fazer ajustes de texto, imagem e etc.

1. Acessar o Prismic

  • Acessar o link para o Prismic e logar na plataforma.

2. Editar o conteĆŗdo do fale conosco

  • Entre na primeira aba do lado superior esquerdo, chamado documents;
  • Para facilicar, clique no filtro de type e procure pelo: talk_with_us;
  • Existe um conteĆŗdo cadastrado, que vai ser o conteĆŗdo que vamos sempre alterar;
  • Clique no conteĆŗdo.

PÔgina do conteúdo.

Na pÔgina existe os campos para edição que vai refletir na pÔgina do fale conosco.

  • Segue os campos a seguir:
Campo Explicação Exemplo
uid Campo Ćŗnico para o item, pode ser gerado automanticamente ou cadastrado manualmente -
imagem Imagem para ser renderizada, podemos alterar o texto alternativo tambƩm, muito bom para SEO do site. Arquivo para selecionar
titulo Tƭtulo do formulƔrio Fale conosco
descrição Descrição, podemos adicionar links e até mesmo negrito. Selecione corretamente.....
motivos do contato Assunto do contato, para quem deve ser enviado e motivo do contato Siga o exemplo na seção de imagens[1]
produtos Produtos para o dropdown, no cadastro deve separar eles por linha Siga o exemplo na seção de imagens[2]
footer Texto localizado no final do formulÔrio *Todos os campos desse formulÔrio são obrigatórios ....

Ao finalizar o cadastro ou a edição, lembre-se:

  • Salvar;
  • Publicar;

🚫 Somente fazendo esses passos vai refletir em produção. 🚫


šŸ“· Imagens

1. Motivos do contato

Captura de Tela 2023-05-02 às 10 49 02

O cadastro dos campos seguem uma ordem de 3 colunas e item por linha.

  • Primeira coluna: Assunto do contato;
  • Segunda coluna: E-mail para quem deve ser enviado;
  • Terceira coluna: Motivo do contato, lembrando que esses motivos vĆ£o aparecer nos checkbox's;
  • As colunas devem ser separadas por: ;;
  • Por fim, todos os itens devem ser separados por quebra de linha, entĆ£o cada item estĆ” em uma linha diferente.

Observação: Para cadastro de novos e-mail's, deve ser sinalizado para o cadastro dele na AWS, pra ele conseguir receber novos e-mail's disparados pelo fale-conosco


2. Produtos

Captura de Tela 2023-04-13 às 11 58 17

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment