Tous nos scripts

Formulaire

Sauvegarder vos paramètres d'URL dans vos formulaires

<script>

const inputElements = document.querySelectorAll('[js-queryparam-name]');

inputElements.forEach((inputElement) => {
  const paramName = inputElement.getAttribute('js-queryparam-name');

  const queryString = window.location.search;
  const URLSearchParams_wb = new URLSearchParams(queryString);
  const value = URLSearchParams_wb.get(paramName);

  if (value !== null) {
    inputElement.value = value;
  }
});

</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Save Query Params on Form -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/forms/save-query-params.js"></script>
<script>

const inputElements = document.querySelectorAll('[js-queryparam-name]');

inputElements.forEach((inputElement) => {
  const paramName = inputElement.getAttribute('js-queryparam-name');

  const queryString = window.location.search;
  const URLSearchParams_wb = new URLSearchParams(queryString);
  const value = URLSearchParams_wb.get(paramName);

  if (value !== null) {
    inputElement.value = value;
  }
});

</script>
Copier

Etape 2 - Ajouter les attributes correspondants

Input - Identifier les éléments input

Nom

js-form-queryparams

Valeur

[identifier]

Ajouter des champs au formulaire qui a pour rôle de capter les valeurs des paramètres d'URL

Ajouter des attributes à ces paramètres d'URL

Exemple :

Pour sauvegarder la valeur de l'utm_campaign, il faut ajouter l'attribute js-form-queryparams=utm_campaign

Nom

Copié !

Valeur

Copié !

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>

const inputElements = document.querySelectorAll('[js-queryparam-name]');

inputElements.forEach((inputElement) => {
  const paramName = inputElement.getAttribute('js-queryparam-name');

  const queryString = window.location.search;
  const URLSearchParams_wb = new URLSearchParams(queryString);
  const value = URLSearchParams_wb.get(paramName);

  if (value !== null) {
    inputElement.value = value;
  }
});

</script>
Copier

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.