Skip to main content

Pre-populate a form in a landing page with contact attributes

💡 Good to know
Landing pages are available for Business and BrevoPlus plans.

In this article, we will explain how to pre-populate a form in a landing page with contact attributes. 

Pre-populating the fields in the form of your landing page will make things easier for your existing contacts as they won't have to fill them in manually.

mceclip0.png

Good to know

The fields in your form will only be pre-populated if:
  • The contact and their information are already stored in your Brevo contacts. If a contact or some of their information is not yet stored in your Brevo contacts, the corresponding fields in your form will appear blank.
  • Your landing page is shared through an email campaign. This is the only way we can recognize your contact and get their information.
  • You are using Text-type contact attributes, such as email or first name. You cannot use Number, Boolean, or Date type contact attributes.

1️⃣ Add a form to your landing page

To learn how to add a form to a landing page, check our dedicated article Landing pages - Part 4: Add a form to your landing page and use advanced options.

2️⃣ Pre-populate the fields in your form

  1. Hover over the form in your landing page and click Edit Form > Click here to add Form Field.
  2. Under the Manage Fields setting, select a contact folder and list.
  3. Select the contact field that you want to pre-populate.
  4. Click the contact field you selected.
  5. In the URL Param field, enter the URL parameter that you want to use to pre-populate the field in your form. In our example, we used the "email" URL parameter.contact_field-en_us.gif
  6. Repeat steps 3, 4, and 5 for all the fields that you want to pre-populate.
  7. Optional: To allow existing contacts to update their information stored in your Brevo account from your form, check the Update existing contacts on form submission option under the Form Submission Controls setting.
    mceclip2.png
  8. Once you're done designing your landing page, click Launch and publish it.
    mceclip0.png

3️⃣ Add the URL of your landing page to an email campaign

  1. From the Launch page, copy the URL of your landing page.
    mceclip1.png
  2. Paste the URL of your landing page into your email campaign. In our example, we added the URL in a call-to-action button.
    mceclip1.png
  3. Modify the URL of your landing page to include the URL param that you added in your form and the contact attribute corresponding to this URL param using the following format:
    mceclip2.png
    💡 Good to know
    If you need to add several URL params, add & after each placeholder, e.g. https://5fn892sy.sibpages.com/?email={{contact.EMAIL}}&firstname={{contact.FIRSTNAME}}.
  4. Click Update.
Now, as soon as you send your email campaign and an existing contact clicks your landing page URL, the fields in your form will be pre-populated with their data. If necessary, they can override the fields and add their own text.

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

💬 Was this article helpful?

2 out of 2 found this helpful