Um dos recursos oferecidos pelo WordPress é a capacidade de adicionar campos personalizados. Este recurso é muito útil se você quiser criar um site complexo e dinâmico que envolve muitos meta campos adicionais que não são oferecidos pelo WordPress por padrão.

Elementor (a versão pro) suporta conteúdo dinâmico que permite processar campos personalizados do WordPress. Você pode adicionar campos personalizados aos designs do Elementor (páginas ou modelos).

Mas como você adiciona campos personalizados? Continue a ler para saber mais.

O que são campos personalizados do WordPress?

Antes de prosseguirmos para a seção de instruções, vamos cobrir isso primeiro. Os campos personalizados são uma coleção de metadados que armazenam informações adicionais sobre postagens de blog, páginas, tipos de postagens personalizadas ou taxonomias.

Veja também: Como exportar e importar modelos Elementor

As informações podem variar dependendo do seu propósito. Por exemplo, se você quiser criar um site aluguel de bicicletas, você pode adicionar informações como taxa horária, local de retirada, local de entrega, data de retirada, data de entrega etc….

Ou, se desejar criar um site da crítica do filme, você pode adicionar informações como pontuação, gênero e resumo da crítica.

No exemplo acima, a pontuação, gênero e o resumo de crítica são chamados de campos personalizados.

Você pode estar se perguntando por que não apenas adicionar a pontuação, o gênero e o resumo da revisão ao editor do WordPress?

Leia também: Como criar uma página de registro no Elementor 

Claro que você pode. Mas, imagine se você deseja criar uma lista dos "melhores filmes de todos os tempos" e deseja que seus usuários possam classificar o filme por trilha, título ou gênero.

Como você pôde fazer isso?

É assim que os campos personalizados entram em jogo. Os campos personalizados fornecem mais flexibilidade para classificar e gerenciar o conteúdo em seu site WordPress.

Os campos personalizados são especialmente cruciais para sites complexos, como sites de listagem de imóveis ou sites de agências de viagens, pois você será capaz de oferecer melhores experiências do usuário, como a capacidade de classificar o artigo por preço, revisão, instalação, etc.

Para obter o máximo dos campos personalizados, você também pode criar um tipo de postagem personalizado.

Un tipo de postagem personalizada permite que você crie um novo tipo de conteúdo em seu site WordPress diferente dos tipos de conteúdo padrão oferecidos pelo WordPress, como postagens de blog e páginas.

Se você estiver usando WooCommerce, este é um exemplo perfeito de implementação de campos personalizados e um tipo de postagem personalizado.

Como adicionar campos personalizados no Elementor

Há dois WordPress plugins que recomendamos se você deseja adicionar campos personalizados no Elementor ou no WordPress em geral:

ACF é uma ótima solução se você está procurando um plugin grátis para adicionar campos personalizados no Elementor, mas o Elementor Pro é necessário. ACF tem suporte de integração nativa com Elementor Pro.

Sendo um plugin pago, JetEngine oferece mais recursos do que o ACF. Além de criar campos personalizados, você também pode usá-lo para criar tipos de post personalizados, taxonomias personalizadas, formulários personalizados e itens de lista.

Adicionando campos personalizados no Elementor usando ACF

Antes de adicionar campos personalizados usando ACF, certifique-se de ter instalado e ativado o plugin ACF em seu site WordPress. A versão gratuita deste plugin está disponível no Diretório de plugins do WordPress. Além disso, certifique-se de ter atualizado seu Elementor para a versão profissional, caso não tenha.

Quando tudo estiver pronto, vá para ACF -> Adicionar para adicionar um novo grupo de campos personalizados.

Dê um nome ao seu grupo de controles e clique no botão Adicionar um campo para adicionar um campo personalizado.

O formulário de campo personalizado abre depois de clicar adicione um campo acima. Adicione os parâmetros necessários, como rótulo de campo, nome, tipo, etc ...

Você pode clicar no botão Adicionar campo para adicionar outros campos personalizados. Você pode definir a ordem dos campos personalizados arrastando-os para cima e para baixo.

Depois de terminar de adicionar campos personalizados, mude para a seção Local sob o formulário de campo personalizado. Defina o tipo de postagem na qual deseja exibir o grupo de campos personalizados. Quer se trate de postagens de blogs, páginas, tipos de postagens personalizadas ou taxonomias.

Em seguida, vá para a seção configurações para definir a localização do grupo de campos personalizados, o estilo, a localização das etiquetas e a localização das instruções. Feito isso, clique no botão publicar para aplicar os campos personalizados ao tipo de conteúdo selecionado.

Como adicionar campos personalizados no Elementor

Se houver algum campo que você perdeu ou configurações que deseja alterar, você pode editar seu grupo de campos personalizados indo para ACF -> Grupos de controles. Passe o mouse sobre o grupo de campos personalizados que deseja modificar e clique no link Editar.

Adicionando tipos de campos personalizados criados com ACF a um projeto Elementor

Você pode usar os campos personalizados que você criou com ACF acima em seus designs Elementor. Sejam páginas ou modelos do criador de temas. Para fazer isso, edite uma página / modelo que você deseja adicionar aos seus campos personalizados com o Elementor.

Leia também: Como criar uma página de arquivo do autor no Elementor

Adicione um novo widget (ou seja, o widget Título). Assim que o widget for adicionado, vá para o painel esquerdo para definir o conteúdo, clique no ícone do banco de dados e selecione Campo ACF.

Clique no ícone de chave inglesa e selecione o campo que deseja adicionar no menu suspenso de opções Chave.

Como adicionar campos personalizados no Elementor

E aí está, você acabou de criar seu campo personalizado com o plugin ACF.

Você pode obter o mesmo resultado usando o WordPress Plugin da Elementor JetEngine.

No final

Os campos personalizados são cruciais para liberar o poder do WordPress. Graças a eles, você pode criar um site dinâmico e complexo para e-Commerce, publicidade imobiliária, etc.

A capacidade de gerenciar campos personalizados é uma das coisas que torna o Elementor tão especial quanto um WordPress Plugin criação de página. Você pode adicionar conteúdo dinâmico personalizado aos seus designs aproveitando os campos personalizados.

Obtenha o Elementor Pro agora!

Conclusão

Aqui está ! É isso neste artigo que mostra como adicionar campos personalizados no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...