Want to be able to auto populate item # on the form so we know the inquiry is for which item#

Ask the community
, ,
1

Question:
Each item page has a form for visitors to generate inquiry. It would be easy if the Item # of the page is auto populated in the form.
Product:
Wix Studio - Forms ( on Lightbox )

What are you trying to achieve:
Every item page has a lightbox form to generate inquiry by visitors. If the item number is automatically added to the form submission it will be meaningful.
What have you already tried:
Unable to find any discussion in the forum for this specific requirement.
Additional information:
Product inquiry , sample request or orders via form submission from an item page is the very objective of our website and our efforts to drive traffic. Without the item number in the form the entire excercise is futile. Adding a field in the form for the item is not a desirable option.

2

you need to add code for this to work currently.

1 Like
3

Thank you very much Dan. Is the code available anywhere here in the form for me to try? TIA

4

it would all depend on your exact requirements, but the basics is you need to pass theitem to the lightbox before it opens.

something along these lines on the main page

import { lightbox } from 'wix-window';

$w.onReady(() => {
  const item = $w('#yourDataset').getCurrentItem();
  const itemNumber = item.itemNumber; 

  $w('#openFormBtn').onClick(() => {
    lightbox.open('InquiryFormLightbox', { itemNumber: itemNumber });
  });
});

and then on the lightbox

import { lightbox } from 'wix-window';

$w.onReady(() => {
  const receivedData = lightbox.getContext();

  if (receivedData && receivedData.itemNumber) {
    $w('#itemNumberField').value = receivedData.itemNumber;
  }
});
1 Like
5

Thank you Dan. Let me try to figure this out. Any help can I reach out to you? TIA

6

I am not a coder. But still the feature is extremely important. Without the item number the form submisstion is futile. Do I just inject the code in Wix and can I link a button on each page to trigger the code? Will the itemNumber will be included in the email sent after form submission.Can you point me to any web resource for more info. Any extension or plugin can do this?

7

Hi there,

The code snippet provided above is just an example, directly copy-pasting it into the code panel of your website is not enough to make it work.

You will have to modify the IDs of the fields and elements to what you have on your site.

Here’s a no-code solution that I had provided to one of the users earlier who was looking for something similar, have a read:

Note that this solution is for custom dynamic pages, where the form is right there on the page itself, no lightbox needed. Also this solution is based on a custom form built using input fields and datasets. No custom emails configured for this.

If you need your form on a product item page in your site’s store, then you can find a bunch of tutorials online if you search for how to add a Request a Quote feature on your Wix Studio site’s store. This basically changes the Add To Cart button to a Request a Quote button which opens up a lightbox. The form in the lightbox is automatically prefilled with the required product info based on the code you add.

If that’s what you’re looking for, here’s how to do it:

1 Like