Skip to content
Search Articles/

less than a minute read • Updated 6 days ago

Pre-populate custom checkout fields

How to have a custom checkout field come pre-filled for the customer using a hidden session value passed in with the add-to-cart link — handy for known info like a referral source or account ID.

Unlike Foxy’s standard checkout fields, custom fields you create aren’t prepopulated automatically. You can add that behavior yourself using Twig, pulling the value from a hidden session attribute passed in through the cart.

Steps

  1. 1

    Pass the field’s value into the cart as a hidden attribute, using the h: prefix plus your field’s name — for example, h:Referred_By.

  2. 2

    In your custom field’s template code, add Twig logic to check for that value and set it before the field renders:

    {% if Referred_By is not defined %}
  {% set Referred_By = "" %}
  {% for key, custom_field in custom_fields %}
    {% if key == "Referred_By" %}
      {% set Referred_By = custom_field.value %}
    {% endif %}
  {% endfor %}
{% endif %}
  3. 3

    Reference the variable in your field’s value attribute, as shown in Add custom fields to your checkout:

    <input type="text" id="Referred_By" name="Referred_By" class="fc-form-control" aria-required="true" value="{{ Referred_By }}" data-fc-required>

Notes

  • This is a separate mechanism from keeping a field’s value in place when the checkout re-renders after the customer has already typed something in — see Keep custom field values when the checkout re-renders for that.

Need Help?

Did this article answer your questions? Need help with anything? Please click below to contact us.