Prefill field on checkout page

Ask the community
,
1

I’m trying to prefill a custom field on the checkout page called partnercode in WIX ecommerce

When I share an URL with a parameter for partnercode=123test I want this value to be prefilled in the field partnercode on the checkoutpage

URL for checkout page:
https://www.libertech.online/checkout?appSectionParams={"a11y"%3Atrue%2C"storeUrl"%3A"https%3A%2F%2Fwww.libertech.online"%2C"isPickupFlow"%3Afalse%2C"cashierPaymentId"%3A""%2C"origin"%3A"productPage"%2C"originType"%3A"subscriptionPlans"%2C"checkoutId"%3A"5deb0c99-f9bc-492d-8286-edf719efe107"}&checkoutOOI=true&partnercode=123test

I have tried to implement a custom code snippet on the body-start of the checkout page:

import wixLocation from 'wix-location';

$w.onReady(function () {
	console.log(wixLocation.query);
	$w("#partnercode").value = wixLocation.query["partnercode"];
});

Unfortunately the field partnercode is not prefilled.

2

Interesting, both your code and the exact query params is working for me when I reimplement it.

Are you testing on a published site or preview mode?

If you try doing something like $w("#partnercode").value = "test value here" does it work?

Here’s my reimplementation. I copied your code verbatim:

https://anthonyl5.wixstudio.io/my-site-108?appSectionParams={"a11y"%3Atrue%2C"storeUrl"%3A"https%3A%2F%2Fwww.libertech.online"%2C"isPickupFlow"%3Afalse%2C"cashierPaymentId"%3A""%2C"origin"%3A"productPage"%2C"originType"%3A"subscriptionPlans"%2C"checkoutId"%3A"5deb0c99-f9bc-492d-8286-edf719efe107"}&checkoutOOI=true&partnercode=123test

3

Unfortunately still not working for me :frowning:

How does your code know it need to put the variable for partnercode into the ‘First Name’ field? Could you please share your code snippet, custom code settings and your form setup so I can cross check my settings?

4

You can specify the field by using the field’s ID as in:

$w("#fieldIdHere").value = wixLocation.query["partnercode"];

All field IDs start with a # and you can find the ID for a field by selecting the element, opening the code panel, and looking at the ID field towards the bottom left of the screen. You can see here that mine is called #input1. You can also rename this field if you need to.

image
image1674×1230 177 KB