Blog

Soluções

Construindo um Formulário de Campos Repeater no Front End

O Campos Repeater é uma funcionalidade que permite cadastrar e gerenciar dados em um Custom Post Type (CPT) no backend

Quer receber conteúdos em primeira mão?
Assine a minha Newsletter

O que é o Campos Repeater?

O Campos Repeater é uma funcionalidade que permite cadastrar e gerenciar dados em um Custom Post Type (CPT) no backend. Neste tutorial, vamos aprender como construir um formulário no front end que cadastra dados em um CPT do back end utilizando o Campos Repeater.

Benefícios do Campos Repeater

O Campos Repeater é especialmente útil quando se trata de cadastrar produtos com múltiplos links, como para afiliados. Com o Campos Repeater, é possível criar um formulário que permite adicionar quantos links forem necessários para cada produto, facilitando a criação de links de afiliado para diferentes lojas.

Passo 1: Criando os Formulários

O primeiro passo é criar os formulários no JetForm Builder. Você terá um formulário de cadastro e um formulário de edição.

No formulário de cadastro, adicione os campos necessários, como o nome do produto e o campo Repeater. Certifique-se de preencher corretamente os labels e os name IDs dos campos.

No campo Repeater, adicione os campos que serão repetidos, como o nome da loja e o link. Lembre-se de usar os mesmos name IDs que você declarou no CPT do back end.

Passo 2: Configurando o Formulário de Cadastro

No formulário de cadastro, vá até a seção “Post Submit Actions” e selecione a opção “Insert/Update Post”. Em seguida, clique no lápis para configurar as opções.

Informe o CPT que você deseja alimentar com os dados do formulário. Por exemplo, se o seu CPT se chama “produto”, selecione essa opção. Defina o status como “publicado” para que o novo produto seja publicado automaticamente.

Em seguida, configure os campos do formulário para que eles sejam corretamente salvos no CPT. Para o campo Repeater, utilize a opção “Post Meta” e informe o name ID do campo Repeater e dos campos dentro do Repeater.

Passo 3: Configurando o Formulário de Edição

No formulário de edição, adicione um campo Hidden para armazenar o ID do post que será editado. Utilize a opção “RL Carry Variable” e informe o name ID como “post_id”.

Em seguida, volte para a seção “Preset Settings” e ligue a opção. Selecione “post” em “Get Post Item From” e informe a variável que você está passando na URL do Listing Grid (geralmente, é “post_id”).

Agora, configure os campos do formulário com os valores corretos. Por exemplo, utilize o campo “post ID” para atualizar o post, o campo “nome do produto” para o título do produto e os campos do Repeater como “post meta”. Não se esqueça de usar os name IDs corretos.

Passo 4: Testando o Formulário

Agora, você pode testar o formulário. Adicione o formulário de cadastro e o formulário de edição em suas páginas conforme necessário. Lembre-se de passar o ID do post na URL do formulário de edição para que ele carregue os dados corretos.

Com o formulário de cadastro, você pode cadastrar novos produtos com todos os links desejados. E com o formulário de edição, você pode editar os produtos e adicionar mais links, se necessário. Todos os dados serão corretamente salvos e exibidos no back end.

Conclusão

O Campos Repeater é uma ferramenta poderosa para criar formulários no front end que permitem cadastrar e gerenciar dados em um CPT do back end. Com os passos corretos e as configurações adequadas, é possível criar formulários de cadastro e edição de forma simples e eficiente.

Espero que este tutorial tenha sido útil e que você possa aproveitar ao máximo os recursos do Campos Repeater no JetEngine. Lembre-se de se inscrever no canal e deixar seus comentários e sugestões para futuros vídeos. Até a próxima!

Made with VideoToBlog

Compartilhe
41 Visualizações

Quer receber conteúdos em primeira mão?
Assine a minha Newsletter

Entrar em Contato

Dante Testa

Para discutirmos suas necessidades, preencha o formulário; vou lhe chamar no Whatsapp.

Nome *
Whatsapp *
E-mail *
Mensagem *