Aller au contenu

Paramètres d'URL

Grâce aux paramètres d’URL, vous transformez un simple lien en porte d’entrée intelligente vers votre application PandaSuite que ce soit pour personnaliser l’expérience, suivre vos campagnes, ou encore créer de véritables deeplinks.

Ce tutoriel couvre l’ensemble du flux : création du paramètre, récupération de sa valeur et mise en œuvre dans différents scénarios.

Fonctionnement

Un paramètre d’URL est un couple clé=valeur ajouté après le signe ? (et séparé par & s’il y en a plusieurs).

Voici un exemple :

https://app.pandasuite.com/abc123?session_name=demo&lang=fr

Lorsque l’utilisateur ouvre le lien, PandaSuite rend chaque paramètre immédiatement accessible dans votre projet, sans code et sans serveur supplémentaire. Vous pouvez alors :

  • afficher dynamiquement du texte ou une image
  • rediriger automatiquement l’utilisateur vers le bon écran
  • pré-remplir un formulaire
  • filtrer une collection ou activer une langue
  • tracer l’origine d’une campagne marketing.

Compatibilité & pré-requis

Les paramètres d’URL fonctionnent :

  • sur un lien de partage PandaSuite (https://viewer.pandasuite.com/...)
  • sur une web-app ou PWA publiée (https://app.pandasuite.com/... ou [domaine personnalisé] (/fr/essentials/web-publishing/custom-domain/))
  • dans un export ZIP auto-hébergé
  • sur des apps iOS / Android natives qui possèdent un [nom de domaine personnalisé] (/fr/essentials/web-publishing/custom-domain/)

Aucun plugin n’est nécessaire : vous aurez simplement besoin des notions de data binding et, pour certains cas, du composant Condition.


Déclarer vos paramètres dans les propriétés du projet

  1. Ouvrez PandaSuite Studio et, via le fil d’Ariane, sélectionnez Projet.
  2. Dans le panneau Propriétés, cliquez sur + Ajouter dans la section Paramètres d’URL.
  3. Donnez un nom strictement identique à celui qui figurera dans l’URL (par exemple session_name, lang, utm_source).
  4. Facultatif : définissez une valeur par défaut pour gérer le cas où le paramètre est absent.
Respecter la casse

Le nom saisi ici doit correspondre exactement à la clé dans l’URL : langLang


Accéder à la valeur du paramètre

Vous pouvez récupérer la valeur de ce paramètre dans votre projet.

Où que vous soyez dans le projet, ouvrez la fenêtre de data binding puis suivez l’arborescence :

ProjetContexteLancementParamètre(s)votre_paramètre

Vous obtenez la valeur telle qu’elle apparaît dans l’URL.


Cas d’utilisation

Afficher le nom d’une session

  1. Ajoutez un bloc de texte.
  2. Liez son Contenu au paramètre session_name.
  3. Testez avec :
    https://viewer.pandasuite.com/xyz?session_name=PartieDeNeil

Résultat : le texte s’affiche immédiatement avec “PartieDeNeil”.

Objectif : ouvrir directement l’écran 3 grâce au paramètre wid.

  1. Créez un paramètre wid.
  2. Ajoutez un déclencheur Lancement de projet.
  3. Dans l’action Changer d’écran, liez le champ _Écran à ProjetContexteLancementParamètre(s)wid.
  4. Récupérez l’identifiant de votre écran 3 (par exemple c6bd920408125e82000712)
  5. Construisez votre URL :
    https://app.pandasuite.com?wid=c6bd920408125e82000712

Activer la bonne langue

  • Ajoutez un paramètre personnalisé : lang
  • Ajoutez un composant Condition au niveau Projet.
  • Créez une expression : lang == “en” → Action Changer de langue → Anglais. Lien de test : https://app.pandasuite.com?lang=en

Personnaliser une présentation

Découvrez comment personnaliser dynamiquement une présentation en fonction de chaque client. Chaque URL affiche un logo différent et les valeurs du calculateur sont automatiquement stockées depuis une base de données externe Airtable.

Smart business présentation

Ajoutez ce template en quelques clics à votre compte. Modifiez et personnalisez-le en toute liberté.

→ Ajouter ce template à votre compte
Template de smart business présentation

Pour en savoir plus Personnaliser dynamiquement une présentation

Pré-remplir un formulaire

Champs de formulaire liés aux paramètres email, firstname, etc. Gagnez du temps lors de campagnes emailing.

Tracker une campagne marketing (UTM)

Stockez utm_source, utm_campaign, etc. dans des variables ou une Base de données PandaSuite pour une exploitation ultérieure (ex. appel vers une API).

Bonnes pratiques

  • De nombreux outils URL Encoder sont disponibles gratuitement pour bien formater votre URL.
  • Sécurité : ne transmettez jamais de données sensibles (mot de passe en clair).
  • Documentation : gardez la liste de vos paramètres à jour pour vos équipes marketing ou vos partenaires externes.

Ressources associées