Como conectar itens de relação usando formulários (legado)

O primeiro formulário que construímos é para anexar postagens secundárias já existentes às postagens principais.

Comece indo para JetEngine > Forms . Pressione o botão “ Adicionar novo ” para criar um formulário.

Inicialmente, digite o título do formulário.

O campo oculto e o botão Enviar são criados por padrão. Vamos deixá-los no formulário, pois são vitais no nosso caso.

Vamos verificar as configurações do campo oculto . Estes devem ser deixados sem alterações, pois este campo será a fonte do ID de um elemento pai.

Pressione o botão “ Aplicar alterações ” para salvar o campo.

Para colocar mais um campo no formulário, clique no botão  “ Adicionar Campo ”.

O novo campo será colocado logo após o botão Enviar , pois não o excluímos. No entanto, você pode alterar facilmente a ordem dos campos arrastando o campo necessário e soltando-o no local desejado.

” alt=”alterando a ordem dos campos” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/changing-the-order-of-the-fields-full.png” />O campo que adicionamos deve exibir a lista de postagens relacionadas. Portanto, você pode usar qualquer tipo de campo que permita fazer uma lista de opções.

Usaremos o “Campo Checkboxes” como Tipo para escolher diversas opções que serão adicionadas conforme relacionadas assim que o formulário for enviado.

Preencha o Nome do campo e adicione seu Rótulo e Descrição se desejar.

Lembre-se de definir se os campos que você cria são obrigatórios marcando o campo Obrigatório .

” alt=”caixas de seleção para configurações de campo de tours” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/checkboxes-for-tours-field-settings-full.png” />Selecione “Postagens” como fonte no campo Preencher opções de e defina o tipo de postagem necessário .

Como anexaremos postagens filhas aos objetos pai, é necessário escolher o tipo de postagem do objeto filho.

Ignoramos o valor do metacampo e o valor calculado do metacampo, pois eles não são necessários para o formulário que criamos.

Verifique o seguinte campo Modelo de item personalizado se desejar anexar o modelo personalizado ao campo e passar para o campo Padrão .

Pressione o botão “ Tags dinâmicas ” para abrir o pop-up com as configurações adicionais.

” alt=”caixas de seleção tags dinâmicas para o valor padrão” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/checkboxes-dynamic-tags-for-default-value-full.png” />Existem várias configurações para ajustar no pop-up exibido:

• Fonte — selecione a opção “Itens relacionados”;
• Da Relação — defina o relacionamento que deseja usar como origem;
• Do Objeto — escolha as opções de qual objeto será puxado, o pai ou o filho;
• ID do objeto inicial de — deixe o “ID do objeto atual” padrão para extrair as informações padrão do ID do objeto.

Pressione o botão “ Concluído ” para salvar as alterações e ajustar os seguintes campos, se desejar.

Habilite o botão Adicionar página anterior se você tiver criado a página anterior, que precederá a página na qual o formulário estará localizado.

Defina a visibilidade do campo para os usuários e coloque uma classe CSS personalizada adicional para personalizar o estilo do formulário, se necessário.

Clique no botão “ Aplicar alterações ” quando terminar a edição do campo.

Adicione os outros campos se desejar, e não esqueça que você pode ajustar o botão Enviar . Clique no botão “ Aplicar alterações ” após fazer as alterações.

Vá para a guia Configurações de ações/notificações pós-envio . Clique no ícone em forma de lápis próximo à ação padrão Enviar e-mail .

Defina a opção “Inserir/Atualizar postagem” como Tipo e selecione o tipo de postagem que deseja atualizar por meio do formulário no campo Tipo de postagem .

Selecione o status da postagem necessário ou deixe-o vazio. Além disso, deixe os valores padrão do Mapa de Campos . 

Quanto aos Campos Padrão , eles não são necessários neste caso. Então, uma vez feito isso, clique no botão “ Aplicar alterações ”.

” alt=”caixas de seleção inserir atualização pós-envio ação” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/checkboxes-insert-update-post-submit-action-full.png” />Vamos adicionar mais uma ação pós-envio clicando no botão “ Adicionar Notificação ”.

Desta vez escolha “Conectar Itens de Relação” como o Tipo e a relação que você está trabalhando no campo Relação .

Selecione o campo oculto criado como o ID do item pai e o campo que você definiu para exibir a lista de objetos filho como o ID do item filho .

Escolha “Estamos atualizando itens pais para o objeto filho” no menu suspenso Atualizar contexto .

Pressione o botão “ Aplicar alterações ”.

” alt=”conectar itens de relacionamento após ação de envio” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/connect-relation-items-post-submit-action-full.png” />Role para baixo até Configurações de mensagens se desejar alterar algumas mensagens de notificação padrão mostradas ao usuário ao preencher o formulário.

Salve as alterações pressionando o botão “ Publicar ”.

” alt=”configurações de mensagens do jetengine” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/jetengine-messages-settings-full.png” />Para colocar o formulário na página única do objeto pai, vá para WordPress Dashboard > Crocoblock > Theme Builder e pressione o botão “ Editar ” na única página necessária. Ou crie um novo modelo único pressionando o botão “ Adicionar novo ”.

” alt=”lista de construtores de temas crocoblock” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/crocoblock-theme-builder-list-full.png” />Coloque um widget de formulário na página. Selecione a opção “JetEngine” na lista Escolher provedor e escolha o formulário recém-criado no campo Selecionar formulário .

Sinta-se à vontade para personalizar ainda mais as configurações. Altere o layout dos campos , a etiqueta HTML dos campos , o tipo de envio e a saída do formulário de cache, se desejar.

Ajuste as guias Estilo e Avançado .

Pressione o botão “ Atualizar/Publicar ” após implementar as alterações e navegue até a postagem no front end.

” alt=”formulário de opções de objeto filho no elementor” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/child-object-options-form-in-elementor-full.png” />Para acessar a postagem, você pode prosseguir até o tipo de postagem e encontrar a postagem desejada. Clique no botão “ Visualizar ”.

” alt=”botão visualizar da postagem” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/view-button-of-the-post-full.png” />O formulário agora é exibido na página. Como adicionamos o campo Caixas de seleção como seletor de postagens, você pode selecionar quantas postagens precisar. 

Clique no botão “ Enviar ” e verifique se as postagens selecionadas agora estão relacionadas às postagens principais.

Volte para a página de tipo de postagem no painel do WordPress e pressione o botão “ Editar ”.

Role para baixo até a guia Filhos… . As opções que você marcou no formulário serão adicionadas à lista de postagens relacionadas.

Agora vamos descobrir como construir um formulário que criará um novo post pai e conectará objetos filho a ele.

Vá para WordPress Dashboard> JetEngine> Formulários e pressione o botão “ Adicionar Novo ” para prosseguir para o editor.

” alt=”formulários jetengine adicionar novo botão de formulário” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/jetengine-forms-add-new-form-button-full.png” />Nomeie um formulário e exclua campos desnecessários criados por padrão. Atualmente, excluímos todos os campos para criar um novo formulário do zero.

O primeiro campo que adicionamos é um campo de texto para o nome do objeto pai. Preencha os campos necessários e lembre-se de preencher o campo Nome adequadamente, separe as palavras com os símbolos “-” e “_” e use apenas letras latinas minúsculas.

Clique no botão “ Aplicar alterações ”.

” alt=”campo de texto para adicionar novo pai” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/text-field-for-adding-new-parent-full.png” />O campo a seguir servirá como seletor para itens filhos, por isso adicionamos um Checkboxes Field .

Durante o ajuste do campo, concentre-se nos campos Opções de preenchimento de e Tipo de postagem . Aqui você deve selecionar a fonte correta, o tipo de postagem secundária. Assim que todos os campos estiverem definidos de acordo, pressione o botão “ Aplicar alterações ”.

” alt=”campo de caixas de seleção para adicionar novo pai” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/checkboxes-field-for-adding-new-parent-full.png” />A última etapa vital do formulário é o botão Enviar . Pressione o “ Adicionar botão Enviar ” para colocar o botão mencionado no final do formulário. Opcionalmente, você pode trabalhar em seu rótulo e classe CCS personalizada ou deixá-los “como estão”. Lembre-se de pressionar o botão “ Aplicar alterações ” depois que as alterações forem feitas.

” alt=”botão enviar para adicionar novo pai” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/submit-button-for-adding-new-parent-full.png” />Passando para Ações pós-envio/Configurações de notificação , você pode ver a ação padrão Enviar e-mail , que deve ser substituída pela ação Inserir/Atualizar postagem . 

Pressione o botão em forma de lápis próximo à ação Enviar e-mail para editá-lo.

Selecione o tipo “Inserir/Atualizar postagem” e defina o tipo de postagem pai como o Tipo de postagem . Defina o status da postagem como “Publicado” e vá para o Mapa de campos .

Os campos exibidos referem-se aos campos que você adicionou ao formulário. O seu campo de texto deve estar conectado ao “Título da postagem” e o seguinte campo de caixas de seleção deixado com a opção padrão. 

Clique no botão “ Aplicar alterações ” para salvar o resultado, e vamos adicionar mais uma ação pressionando o botão “ Adicionar notificação ”.

” alt=”insira a ação de atualização pós-envio em adicionar novo formulário pai” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/insert-update-post-submit-action-in-add-new-parent-form-full.png” />Desta vez, selecionamos “Connect Relation Items” como Type , definimos o Relation necessário , escolhemos o Parent Item ID e o Child Item ID correspondentes e deixamos o campo Update Context vazio.

Não se esqueça de pressionar o botão “ Aplicar alterações ” e ir até a aba Configurações de mensagens para alterar algumas das notificações mostradas ao usuário.

” alt=”conectar itens de relacionamento após a ação de envio em adicionar novo formulário pai” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/connect-relation-items-post-submit-action-in-add-new-parent-form-full.png” />A etapa final aqui é salvar o formulário, então aperte o botão “ Publicar ” e vá para a página onde o formulário estará localizado.

Coloque um widget de formulário na página, escolha a opção “JetEngine” no menu suspenso Escolher provedor e preencha o campo Selecionar formulário com o nome do formulário.

Configure os campos e estilos de formulário e pressione o botão “ Atualizar/Publicar ” para salvar a página.

” alt=”adicione novo formulário pai no elementor” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/add-new-parent-form-in-elementor-full.png” />Verifique o resultado do front-end. Você pode preencher o formulário com um título e relacionar alguns itens a ele. Por fim, pressione o botão “ Enviar ”.

Vá para o tipo de postagem pai e pesquise a postagem recém-criada. Abra-o no editor pressionando o botão “ Editar ” próximo ao título do post.

Role para baixo até a guia Relacionado… , onde todas as postagens marcadas devem ser vistas.

Lembre-se de que você também pode criar um formulário que anexará itens do objeto pai aos filhos.

Se esta opção é o que você procura, vá até Painel do WordPress > JetEngine > Formulários e pressione o botão “ Adicionar Novo ”.

Dê um título ao formulário. Deixe as configurações padrão do campo oculto e crie o campo para a lista de itens do objeto pai. 

Por exemplo, adicionamos o Radio Field para poder escolher apenas uma opção no formulário.

Altere seu nome e rótulo . Lembre-se de preencher o campo Nome com letras latinas minúsculas; o campo também não deve conter caracteres especiais, exceto os separadores “-” e “_”.

Preencha os campos Opções de preenchimento de e Tipo de postagem e trabalhe em outros campos, se desejar.

Pressione o botão “ Tags dinâmicas ” no campo Padrão .

” alt=”tags dinâmicas de rádio para valor padrão” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/01/radio-dynamic-tags-for-default-value-full.png” />No seletor de Origem , escolha a opção “Itens Relacionados” e especifique o relacionamento no campo Da Relação . 

Altere o valor Do objeto para “Objeto filho”, deixe a opção “ID do objeto atual” no campo ID inicial do objeto de e pressione o botão “ Concluído ”.

Configure os campos restantes e clique no botão “ Aplicar alterações ”.

” alt=”pop-up de tags dinâmicas padrão de rádio” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/02/radio-default-field-dynamic-tags-pop-up-full.png” />Defina o botão Enviar , salve este campo e vá para Configurações de ações/notificações pós-envio .

Comece a criar a ação Inserir/Atualizar postagem . Selecione-o como o Tipo na lista correspondente.

Desta vez, escolha o objeto filho no campo Tipo de postagem e não se esqueça de pressionar o botão “ Aplicar alterações ” quando a ação de pós-envio estiver pronta.

Pressione o botão “ Adicionar notificação ” para definir a seguinte ação. 

Selecione o tipo “Conectar itens de relação” e defina a relação necessária .

Escolha a opção Radio Field como o ID do item pai e o valor ‘post_id’ do campo oculto como o ID do item filho .

Além disso, especifique o contexto de atualização escolhendo a opção “Estamos atualizando itens filhos para o objeto pai”.

A guia Configurações das próximas mensagens inclui notificações padrão mostradas aos usuários durante o preenchimento do formulário. Trabalhe nesta aba ou deixe os valores padrão.

Em seguida, pressione o botão “ Publicar ” e coloque o formulário na página única da criança, acessando o Painel do WordPress > Crocoblock > Theme Builder e encontrando a página necessária.

Coloque o widget Formulário na página, escolha a opção “JetEngine” na lista suspensa Escolher provedor e o formulário recém-criado no campo  Selecionar formulário .

Clique no botão “ Atualizar ” e navegue até o tipo de postagem secundária.

Selecione qualquer postagem da lista de tipos de postagens secundárias e clique no botão “ Visualizar ”.

Agora o formulário atualizará as relações de objeto filho depois de enviadas.

Você pode verificar isso indo para o tipo de postagem secundária e abrindo o editor de postagem da postagem necessária. Para fazer isso, pressione o botão “ Editar ” que aparece ao lado da postagem ao passar o mouse.

Abra a guia Relacionado… para ver se a postagem pai relacionada agora é exibida na lista.

Você também pode criar um formulário que adicionará uma nova postagem filha e a conectará à postagem pai de uma só vez. 

Depois de definir um relacionamento, vá para WordPress Dashboard > JetEngine > Forms . Pressione o botão “ Adicionar novo ” para abrir o editor de formulários.

Agora você pode excluir todos os campos padrão para evitar confusão durante a edição. 

Começamos adicionando um campo de texto para um novo nome de postagem. Sinta-se à vontade para ajustar este campo conforme desejado. Lembre-se de que o campo Nome não deve incluir letras maiúsculas, espaços e outros caracteres especiais.

O campo a seguir é para escolher o pai, então selecionamos Radio Field para permitir que os usuários escolham uma opção.

Preste atenção que a opção “Postagens” está selecionada no menu suspenso Opções de preenchimento de . No seguinte campo Tipo de postagem , escolhemos o tipo de postagem pai necessário como fonte.

Além disso, lembre-se de adicionar um botão Enviar no final do formulário pressionando o botão “ Adicionar botão Enviar ”.

Vá para Configurações de ações/notificações pós-envio para definir as ações para o formulário atual. 

A ação Enviar email é adicionada por padrão. Mas vamos transformá-lo na ação que precisamos. Pressione o botão em forma de lápis para abrir o editor.

Dentre todas as opções do seletor Tipo , escolha a opção “Inserir/Atualizar Post”.

Escolha o tipo de postagem secundária no menu Tipo de postagem e selecione o status da postagem “Publicada” .

No Mapa de Campos, definimos o campo de texto ‘nome do tour’ como um “Título do Post” e deixamos o padrão “Selecionar propriedade do post” no campo ‘escolher país’.

Clique no botão “ Aplicar alterações ” para salvar o resultado e vamos adicionar mais uma ação vital pós-envio pressionando o botão  “ Adicionar notificação ”.

Defina o Tipo selecionando a opção “Conectar Itens de Relação” e encontre a relação necessária no seletor de mesmo nome.

Preste atenção aos seguintes campos ID do item pai e ID do item filho . Como o país é o pai ao qual anexamos o tour filho, escolhemos o campo ‘choose-country’ no primeiro seletor, e o segundo refere-se à opção ‘inserted_post_id’.

O seguinte campo de contexto de atualização deve ser deixado vazio, então clique no botão “ Aplicar alterações ”.

O formulário está pronto, então pressione o botão “ Publicar ”.

Vá para a página onde deseja colocar o formulário. Por exemplo, pode ser uma página WordPress padrão.

Coloque o formulário no editor de páginas. Selecione “JetEngine” como opção Escolher Provedor e escolha um novo formulário na lista suspensa correspondente.

Trabalhe nos outros campos e aplique configurações de estilo, se desejar. Por fim, pressione o botão “ Atualizar/Publicar ” e vá até o front end para conferir o resultado final.

Agora você pode preencher o formulário com o título e o pai relacionado. Clique no botão “ Enviar ” para salvar a postagem e adicionar um item relacionado a ela.

Vamos verificar se o novo tour foi adicionado ao tipo de postagem secundária. Vá para o tipo de postagem secundária e procure a nova postagem. Por exemplo, você pode digitar o título de uma postagem na barra de pesquisa.

Assim que a postagem for aberta, role para baixo até a guia Relacionado… . A postagem pai agora está conectada com sucesso.