[Resolvido] Como adicionar o URL da página&#039 do módulo do formulário de contacto submetido (Divi)?

  

3
Início do tópico

Olá, no meu Tema Divi WordPress - no Módulo Formulário de contacto Gostaria de acrescentar um atributo personalizado (padrão de mensagem);

Gostaria de saber o:

  1. Nome do produto
  2. URL da página

O objetivo é: para saber a partir de que página o cliente escreveu a mensagem e receber uma mensagem eletrónica enviada a partir do sítio Divi.

Como é que o posso fazer?

Agradecimentos

1 Resposta
2

Pode fazê-lo em 3 passos:

1. Adicione o código personalizado abaixo ao seu tema filho em functions.php:

function add_page_url_name_divi() {
    $page_url = get_permalink(); // Page's URL
    $page_name = get_the_title(); // Page's name/title
    ?>
    <script>
        jQuery(document).ready(function($) {
            $('input[data-original_id="page_url"]').val('<?php echo esc_html( $page_url ) ?>'); // inserts the page url into the page url field
            $('input[data-original_id="page_url"]').prop('readonly', true); // stops auto fill from changing the value
            $('input[data-original_id="page_name"]').val('<?php echo esc_html( $page_name ) ?>'); // inserts the page name into the page name field
            $('input[data-original_id="page_name"]').prop('readonly', true); // stops auto fill from changing the value
        });
    </script>
    <?php
}
add_action('wp_footer', 'add_page_url_name_divi'); // wordpress action to insert code into the footer of your website

Este PHP function (código com script jQuery incluído) será adicionado ao seu rodapé WordPress e será usado para rastrear o URL da página + nome da página;

Pode ler os comentários para compreender melhor o código.

O seu aspeto será o seguinte na fonte do seu site Divi (para ver o código fonte do site, utilize: CTRL + U):

código-fonte do código php personalizado no Divi Child Theme

2. Na página com o módulo do formulário de contacto, crie dois campos adicionais com a propriedade CSS display: none (veja as imagens abaixo).

Os nomes devem ser:

  • page_url
  • nome_da_página

Eis as capturas de ecrã com as propriedades:

url e nome da página personalizados no módulo do formulário de contacto - Divi - captura de ecrã 1

url e nome da página personalizados no módulo do formulário de contacto - Divi - captura de ecrã 2

url e nome da página personalizados no módulo do formulário de contacto - Divi - captura de ecrã 3

url e nome da página personalizados no módulo do formulário de contacto - Divi - captura de ecrã 4

As mesmas propriedades devem ser adicionadas ao ficheiro nome_da_página atributo:

url e nome da página personalizados no módulo do formulário de contacto - Divi - captura de ecrã 5

3. Adicionar %%page_name%% e %%page_url%% como padrões de mensagem no modelo de correio eletrónico.

Deverá ter o seguinte aspeto:

padrão de mensagem no módulo do formulário de contacto Divi

 

O seu correio eletrónico terá o seguinte aspeto:

Mensagem email do módulo do formulário de contacto Divi

Partilhar: