Chez momo-fr

URL Params : Elementor Pro ou une extension ?

Get Params Wordpress

Elementor PRO inclut la possibilité d’injecter du contenu passé dans l’URL d’une page, si vous n’avez pas la version PRO une extension propose la même chose pour rendre une page dynamique facilement (via code court).

Qu’est-ce qu’un paramètre de requête dynamique ?

Le paramètre de requête dynamique peut injecter une valeur qui a été transférée via :

  • Une requête Post : par exemple, après qu’un utilisateur est enregistré dans un CRM externe, une fonction personnalisée peut être codée pour renseigner le nom de l’utilisateur sur la page.
  • Une requête Get : par exemple, un paramètre URL peut renseigner la valeur du paramètre sur la page.
  • Une requête Vars : par exemple, peut remplir un champ avec des données de l’une des variables de requête par défaut de WordPress, telles que l’ID de la pièce jointe.

Remarque : WordPress maintient une liste de mots réservés qui ne doivent pas être utilisés comme paramètres de requête. Cela entraînerait le renvoi d’une page d’erreur 404.
Liste des conditions réservées dans la documentation WordPress.

L’extension URL Params permet d’injecter différents contenus avec une valeur par défaut en cas de résultat vide

L’extension permet de spécifier une valeur par défaut dans le code court si le paramètre n’est pas défini, donc si vous voulez dire « Bonjour, FirstName » et FirstName n’est pas défini dans l’URL, vous pourrez afficher « Bonjour, cher ami ».

Pour spécifier un paramètre d’URL par défaut, il faut saisir plusieurs paramètres séparés par des virgules. URL Params va vérifier chaque paramètre, dans l’ordre, jusqu’à ce qu’un paramètre soit trouvé et l’injectera. À défaut de trouver un paramètre c’est la valeur par défaut qui sera injectée.

[urlparam param="FirstName, First, name" default="Friend" /]

C’est très pratique pour personnaliser une page de destination avec le nom d’une personne.

Le cas pratique le plus courant est d’injecter une valeur de référence depuis un bouton par exemple pour pointer sur une page générique qui va afficher une valeur selon un lieu, une service, une personne ou un produit.

Nous sommes présents dans la ville de [urlparam param="ville"]
URL Params : <b>Elementor Pro</b> ou une extension ? 1

Elementor PRO intègre cette possibilité pour injecter des valeurs dans des champs sur plusieurs widgets

URL Params avec Elementor PRO

On retrouve cette possibilité dans de passer des valeurs dans les URL avec Elementor PRO. Tous les champs de texte proposant une entrée dynamique peuvent utiliser un paramètre dynamique d’URL, ce n’est malheureusement pas possible avec les champs de liens classiques.

URL Params : <b>Elementor Pro</b> ou une extension ? 2

La procédure consiste à choisir l’option « Paramètre de la requête » dans la liste des entrée dynamiques, de définir le paramètre qui sera transmit, puis dans la partie Avancé d’ajouter les préfixe/sufixe (Avant/Après) du contenu qui sera récupéré, avec la possibilité de saisir une Alternative si aucune valeurs n’est retournée dans l’URL.

URL Params : <b>Elementor Pro</b> ou une extension ? 3

La procédure consiste à choisir l’option « Paramètre de la requête » dans la liste des entrée dynamiques, de définir le paramètre qui sera transmit, puis dans la partie Avancé d’ajouter les préfixe/suffixe (Avant/Après) du contenu qui sera récupéré. Notez la possibilité de saisir une Alternative si aucune valeurs n’est retournée dans l’URL.

Avec cette fonction il est facile de récupérer les informations d’un formulaire pour créer, après envoi d’un message par exemple, une page de remerciement personnalisée.

URL Params : <b>Elementor Pro</b> ou une extension ? 4

A vous de mettre en œuvre cette fonctionnalité qui permet de personnaliser votre site et les interactions avec vos clients/visiteurs.

Sources : Elementor PRO, extension URL Params, Jeremy B. Shapiro, tuto anglais Youtube.

Vous aimerez aussi

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Plus de résultats...

Generic selectors
Corespondance exacte
Rechercher dans le titre
Rechercher dans le contenu
Post Type Selectors

Autres catégories du Blog

Partager cette publication