[Résolu] Comment ajouter l'URL de la page'du module de formulaire de contact soumis (Divi) ?

  

3
Début du sujet

Bonjour, dans mon Thème Divi WordPress - dans le Module de formulaire de contact J'aimerais ajouter un attribut personnalisé (modèle de message);

J'aimerais connaître les:

  1. Nom du produit
  2. URL de la page

L'objectif est de: pour savoir à partir de quelle page le client a écrit le message et recevoir un e-mail envoyé depuis le site Divi.

Comment faire ?

Remerciements

1 Réponse
2

Vous pouvez le faire en 3 étapes:

1. Ajoutez le code personnalisé ci-dessous dans votre thème enfant dans 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

Ce PHP function (code avec script jQuery inclus) sera ajouté à votre pied de page WordPress et sera utilisé pour suivre l'URL de la page + le nom de la page ;

Vous pouvez lire les commentaires pour mieux comprendre le code.

Il ressemblera à ceci dans la source de votre site Divi (pour voir le code source du site web utilisez : CTRL + U) :

code source du code php personnalisé dans Divi Child Theme

2. Sur la page contenant le module de formulaire de contact, créez 2 champs supplémentaires avec la propriété CSS display : none (voir les captures d'écran ci-dessous).

Les noms doivent être:

  • page_url
  • nom_de_la_page

Voici les captures d'écran avec les propriétés:

url et nom de page personnalisés dans le module de formulaire de contact - Divi - capture d'écran 1

url et nom de page personnalisés dans le module de formulaire de contact - Divi - capture d'écran 2

url et nom de la page personnalisés dans le module de formulaire de contact - Divi - capture d'écran 3

url et nom de page personnalisés dans le module de formulaire de contact - Divi - capture d'écran 4

Les mêmes propriétés doivent être ajoutées au nom_de_la_page attribut :

url et nom de la page personnalisés dans le module de formulaire de contact - Divi - capture d'écran 5

3. Ajoutez %%page_name%% et %%page_url%% comme modèles de message dans le modèle d'e-mail.

Il devrait ressembler à ceci:

modèle de message dans le module de formulaire de contact Divi

 

Votre courrier électronique se présentera comme suit :

email message du module de formulaire de contact Divi

Partager :