Hello,
We have a feature on our website where visitors can add our products to their cart, with a specified quantity for each part. What I'm trying to do is capture the value entered after a visitor clicks the Add to BOM button. Here is a link to one of our product pages.
I'm fairly new with Launch, and have been struggling on how to set up a rule. Any feedback/suggestions would be appreciated.
Thank you!
At a high level, you'd need to create a rule that fires when either the"click" event occurs on the button, or "submit" event occurs on the form where the button is found. The selectors for these elements are, from what I found, "a.btn.add-btn" and "form.ng-valid.ng-dirty.ng-valid-parse", respectively.
To pick up the quantity value, you'll want to use a data element to grab the value. I'd start with the following config:
In your rule, reference the data element to get hold of the quantity. From there, do whatever you need with it.
Note: The selectors I've suggested are based on limited knowledge of the site, so it's possible (likely?) you'll need to come up with more reliable options. If a suitable ID can be added to the button and text box elements, that would make this much easier for you going forward.
Thank you for your response! I tried a few options but cannot get the eVar to collect the appropriate quantity values once the submit button (Add to BOM) is clicked. One thing I noticed is after a visitor clicks Add to BOM, the product quantity entered does not appear in the code in the quantity field box. (first image below) However, there is a notification near the top of the page that says quantity entered, along with the product number. (second image below)
Could the CSS Selector you mentioned be changed to: div.product-name_ng-binding ?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.