No WordPress.Utilizar plug-ins Campos personalizados avançados (ACF)Podemos criar um sistema de consulta de autenticação de produtos fácil de utilizar. Este artigo explica-lhe como implementar esta funcionalidade utilizando o ACF e fornece-lhe instruções claras e passo-a-passo.
Passo 1: Instalação e configuração do plug-in ACF
- Instalar o plug-in ACF
- No backend do WordPress, clique em
plug-in (componente de software)
>Instalação de novos plug-ins
. - Pesquise "Campos personalizados avançados" e, em seguida, clique em
Instalar agora
responder com cânticoscomeçar a utilizar
. - Após a instalação, verá no menu de navegação backend "Campos personalizados" menu.
- No backend do WordPress, clique em
- Dê um nome ao grupo de campos
- Na nova página, o grupo de campos tem de ser nomeado. Por exemplo, pode ter o nome "Pedido de informações sobre certificação de produtos"(iii) Para facilitar a identificação e a gestão.
- Seleção de regras de visualização para grupos de campos
- Desloque-se para baixo na página para encontrar o Localização(Localização) Área de definições. É aqui que é tomada a decisão sobre onde estes campos serão apresentados.
- Defina as condições para:
- Tipo de lançamento (Tipo de artigo) Seleção
Produto
Isto significa que estes campos só serão apresentados na página de edição do produto WooCommerce.
- Tipo de lançamento (Tipo de artigo) Seleção
- Se pretender que os campos sejam apresentados noutros tipos de página, pode defini-los em conformidade.
Adicionar campos personalizados. Agora que criámos os grupos de campos, precisamos de adicionar campos personalizados específicos, tais comoCódigo de certificação, nome e data de certificação do produto.
- Adicione o primeiro campo - Código de autenticação
- existir Etiqueta do campo(etiqueta do campo) introduza "Código de autenticação", que será o nome do campo que o utilizador verá no backend.
- existir Nome do campo(nome do campo) introduza
código de certificação
. Este é um identificador único para este campo e será utilizado mais tarde no código. - existir Tipo de campo(Tipo de campo), selecione
Texto
Porque os códigos de autenticação são geralmente constituídos por letras ou números. - Outras definições podem ser ajustadas de acordo com as suas necessidades, por exemplo, definir como campos obrigatórios.
- Adicione um segundo campo - Nome do produto
- bater (no teclado) Adicionar campo(Adicionar campo) para continuar a criar campos para o nome do produto.
- existir Etiqueta do campo Introduza o "Nome do produto" no campoNome do campo entrada
nome_do_produto
. - opção Texto como o tipo de campo, uma vez que o nome do produto é também ocópiasFormato.
- Adicione um terceiro campo - Data de autenticação
existir Tipo de campo escolher entre Selecionador de data
que permite ao utilizador selecionar uma data específica para autenticação através de um seletor de datas.
Passo 2: Crie uma página de consulta de autenticação
- Criar páginas de consulta personalizadas
- mudar para
página web
>Nova página
, crie uma nova página de consulta (por exemplo:Pedido de informações sobre certificação de produtos
). - É possível utilizar o Elementor Profissional ou o editor de blocos do WordPress para desenhar o esquema da página.
- A página deveInclua um formulárioO utilizador pode introduzir aqui o código de autenticação do produto para verificar as informações sobre o mesmo.
- mudar para
- Adicionar formulário de inquérito de autenticação de produto
Pode utilizar qualquer plugin de formulários (por exemplo, o Formulário de contacto 7,WPForms) crie o formulário e adicionecampo de entradapara os utilizadores introduzirem as suasCódigo de certificação do produto.
Defina o formulário para enviar dados para a função de processamento de consultas personalizada que vai utilizar.
Etapa 3: Crie a lógica da consulta
- Escrever consultas
- Na secção
functions.php
é necessário escrever uma função para processar o pedido de consulta introduzido pelo utilizador e devolver a informação de autenticação do produto com base no código de autenticação introduzido.
- Na secção
function product_certification_lookup() {
se ( isset($_POST['certification_code']) ) {
$cert_code = sanitize_text_field($_POST['certification_code']);
// Consulta para obter o produto por código de certificação
$args = array(
'meta_query' => array(
array(
'key' => 'certification_code', // Nome do campo personalizado
'value' => $cert_code, // Nome do campo personalizado
'compare' => '='
)
)
);
$query = new WP_Query($args);
// Verifique se algum produto corresponde ao código de certificação
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
$product_name = get_the_title();
$cert_date = get_field('certification_date'); // Recupere o campo personalizado
// Emita o nome do produto e a data de certificação
echo 'Nome do produto: ' . $product_name . ' | Data de certificação: ' . $cert_date.
}
} else {
// Se nenhum produto for encontrado, exiba uma mensagem
echo 'Não foram encontradas informações de certificação de produtos correspondentes'; } else { // Se não for encontrado nenhum produto, apresente uma mensagem.
}
// Reponha os dados da publicação
wp_reset_postdata(); wp_reset_postdata(); // Reponha os dados da publicação.
}
}
add_action('init', 'product_certification_lookup'); }
Descrição.
- Esta função trata da apresentação do formulário em que o utilizador introduz o código de autenticação do produto.
Utilizado para procurar produtos WooCommerce com códigos de autenticação correspondentes (armazenados em campos personalizados).
- Se for encontrada uma correspondência, são apresentados o nome do produto e a data de certificação (também armazenados como campos personalizados).
- Se não for encontrada nenhuma correspondência, é apresentada a mensagem "Não foi encontrada nenhuma correspondência adequada para a informação de autenticação do produto".
- Associar formulários à lógica de consulta
- Na sua página de consulta, utilize ocódigo curtoou código PHP para associar o formulário de inquérito à função de inquérito de autenticação.
- Quando o utilizador submete o código de autenticação, a função consulta a base de dados do produto com base no código de autenticação e devolve a informação do produto correspondente.
Insira o código curto na página, o que fará aparecer um formulário na página para introduzir o código de autenticação do produto e associar os dados apresentados pelo formulário à função de consulta escrita.
[formulário_de_certificação_do_produto].
Etapa 4: Otimização e ajustes de estilo
- Optimize a experiência do utilizador
- Podem ser acrescentadas caraterísticas de feedback adicionais, como avisar os utilizadores quando submetem um código de autenticação inválido "Não foram encontradas informações relevantes".
- Utilize CSS ou as ferramentas de estilo do Elementors para ajustar a apresentação dos formulários de consulta e dos resultados, de modo a garantir uma interface de fácil utilização.
- Armazenamento em cache e otimização do desempenho
- Para sites com um grande número de produtos, considere a utilização de cache ou indexação de base de dados para melhorar o desempenho da consulta.
chegar a um veredito
Ao utilizar o Campos personalizados avançados (ACF)Com a ajuda do WordPress, pode criar facilmente um poderoso sistema de pesquisa de autenticação de produtos para o seu sítio Web WordPress. O sistema aumenta a confiança do utilizador e proporciona uma verificação fácil da autenticação do produto.