Carregar Estilos do WPForms em Páginas Específicas

Gostaria de controlar quando o CSS do WPForms é carregado no seu site? Por defeito, o WPForms aplica a opção selecionada Incluir Estilo do Formulário globalmente. No entanto, pode usar um filtro PHP simples para carregar ou desativar condicionalmente o estilo do formulário em páginas específicas.

Neste tutorial, vamos mostrar 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 numa das suas páginas.
Se precisar de ajuda para criar um formulário, consulte o nosso guia sobre como criar o seu primeiro formulário.

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

Carregamento Condicional de Estilo do Formulário

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

Se preferir carregá-lo apenas em páginas específicas, 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, define a opção de CSS como '1', o que carrega o CSS do WPForms.
• Em todas as outras páginas, retorna '3', o que desativa completamente o CSS do WPForms.

Pode substituir 123 pelo ID de qualquer página onde queira que o estilo do WPForms seja carregado.

E é tudo! Agora sabe como controlar quando o estilo do WPForms é carregado usando um filtro simples.

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