CF7: Redirecionar para uma Página Personalizada após o Envio do Formulário

Este snippet permite que você redirecione os usuários para uma página personalizada após o envio bem-sucedido de um formulário do Contact Form 7. Isso melhora a experiência do usuário ao proporcionar um feedback claro e direcioná-lo para uma página de agradecimento ou outra página relevante após o envio do formulário.

0
				
					// Função para adicionar JavaScript personalizado ao Contact Form 7
function wp24horas_contact_form7_redirect() {
    ?>
    
        document.addEventListener('wpcf7mailsent', function(event) {
            var form_id = event.detail.contactFormId;
            // Substitua 1234 pelo ID do seu formulário
            if (form_id == 1234) {
                window.location.href = 'https://seusite.com/obrigado';
            }
        }, false);
    
    <?php
}
add_action('wp_footer', 'wp24horas_contact_form7_redirect');

				
			

Quer ajuda de um especialista para implementar?

Instruções de Uso

Como funciona:

  1. Ação ao Rodapé:
    • add_action('wp_footer', 'wp24horas_contact_form7_redirect');: Adiciona a função wp24horas_contact_form7_redirect ao gancho wp_footer, que é executado no rodapé de todas as páginas do site.
  2. Definição da Função:
    • function wp24horas_contact_form7_redirect() { ... }: Define a função wp24horas_contact_form7_redirect que adiciona o script JavaScript para redirecionamento.
  3. Adicionar o Script:
    • <script type="text/javascript"> ... </script>: Adiciona o script JavaScript diretamente na página.
      • document.addEventListener('wpcf7mailsent', function(event) { ... }, false);: Adiciona um evento que é acionado quando um formulário do Contact Form 7 é enviado com sucesso.
      • var form_id = event.detail.contactFormId;: Obtém o ID do formulário que foi enviado.
      • if (form_id == 1234) { ... }: Verifica se o ID do formulário enviado corresponde ao ID do formulário que você deseja monitorar (substitua 1234 pelo ID real do seu formulário).
        • window.location.href = 'https://seusite.com/obrigado';: Redireciona o usuário para a URL especificada. Substitua 'https://seusite.com/obrigado' pela URL da sua página de agradecimento.

Instruções de Uso

Este código pode ser adicionado ao arquivo functions.php do seu tema ou, preferencialmente, em um plugin específico para o site.

Outros Snippets

WooCommerce
Este snippet cria um shortcode que exibe os detalhes de uma reserva do WooCommerce com base no ID do pedido fornecido na URL.
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para uma página específica (não a página de login).
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para a página de login do WordPress. Isso é útil se você deseja restringir o acesso ao conteúdo do seu site apenas para usuários autenticados.

Últimos Posts

Segurança Profunda em Plugins WordPress

Segurança Profunda em Plugins WordPress

Descubra como aplicar segurança real nos seus plugins WordPress e proteger dados, ações e reputação.

Como Tratar Erros e Exceptions em Plugins WordPress do Jeito Certo

Tratamento de Erros e Uso Inteligente de Exceptions em Plugins WordPress

Aprenda a criar exceções personalizadas, capturar erros com contexto e registrar falhas com elegância em seus plugins WordPress

Como Implementar um Sistema de Logs Profissional em Plugins WordPress

Como Gerenciar Logs e Erros Internos em Plugins WordPress (Do Jeito Certo)

Aprenda a criar um sistema de gerenciamento de erros e logs para plugins WordPress, elevando a qualidade e profissionalismo dos seus projetos

Como Criar um Bloco WordPress com Filtro por Múltiplas Categorias

Bloco de Posts com Filtro por Múltiplas Categorias

Aprenda a criar um bloco Gutenberg com filtro por múltiplas categorias no WordPress. Ideal para projetos profissionais e sites dinâmicos!

Como Filtrar Posts por Categoria em um Bloco Gutenberg

Filtrando Posts por Categoria no Editor do Bloco

Aprenda a criar um bloco personalizado em WordPress que exibe os últimos posts com filtro por categoria. Ideal para projetos dinâmicos com Gutenberg

Como Criar um Bloco Dinâmico no WordPress com Renderização PHP

Bloco Dinâmico com Renderização no Servidor

Aprenda a criar um bloco Gutenberg que carrega posts no editor e renderiza via PHP no frontend. Estrutura profissional com render_callback!

Comentários

Você precisa estar logado para ver esta informação.

Adicione seu Snippet

Título *
Resumo *
Descrição Completa *
Código *
Instruções de uso *

Solicitar Orçamento

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! 

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!