Carregando Estilos do WPForms em Páginas Específicas

Você gostaria de controlar quando o CSS do WPForms carrega em seu site? Por padrão, o WPForms aplica a opção selecionada Incluir Estilo do Formulário globalmente. No entanto, você pode usar um filtro PHP simples para carregar ou desabilitar condicionalmente o estilo do formulário em páginas específicas.

Neste tutorial, mostraremos como usar o filtro wpforms_setting para carregar o Estilo Base e de Tema do Formulário do WPForms apenas em certas páginas.

Criação do Formulário

Primeiro, crie um formulário e publique-o em uma de suas páginas.
Se precisar de ajuda para criar um formulário, consulte nosso guia sobre como criar seu primeiro formulário.

Depois de adicionar seu formulário à página desejada, certifique-se de que a opção Incluir Estilo do Formulário esteja definida como Estilo base e de tema do formulário em WPForms » Configurações » Geral.

Carregamento Condicional de Estilo de Formulário

Por padrão, o WPForms carrega seu CSS em todas as páginas onde um formulário é exibido.

Se preferir carregá-lo apenas em páginas específicas, você pode usar o seguinte trecho de código.

add_filter( 'wpforms_setting', function( $value, $key, $default, $option ) {
    if ( $key === 'disable-css' ) {
        // Example: only load WPForms CSS on page ID 123.
        if ( is_page( 123 ) ) {
            return '1';
        } else {
            return '3';
        }
    }
    return $value;
}, 10, 4 );

Como Funciona

• O trecho usa o filtro wpforms_setting para verificar se a página atual corresponde ao ID fornecido.
• Se a condição for verdadeira, ele define a opção de CSS como '1', que carrega o CSS do WPForms.
• Em todas as outras páginas, ele retorna '3', que desabilita completamente o CSS do WPForms.

Você pode substituir 123 pelo ID de qualquer página onde deseja que o estilo do WPForms seja carregado.

E é isso! Agora você sabe como controlar quando o estilo do WPForms carrega usando um filtro simples.

Em seguida, você gostaria de aprender como personalizar o estilo do botão de envio ou adicionar seu próprio CSS personalizado para o WPForms? Estes tutoriais ajudarão você a levar o estilo do formulário ainda mais longe.