0:00 In this short tutorial, we're going to show you how you can map any MegaEdit form field directly into one of your product attributes.
0:09 And this applies to text, images, or custom field inputs. Now, what exactly I mean here is shown in this little example, which I hope you can see.
0:19 So, on my actual MegaEdit product, with a little example of it there, I just have a text box into which I've put in some text.
0:30 And what this process that we're covering here is doing is just making sure that the text we're putting into a certain field in our MegaEdit product is then getting transferred to the to one of our attributes on our product as well.
0:45 now, this is simply done by tagging your field within MegaEdit with a certain string. And I'll show you that in a moment.
0:53 And what it means is that when the customer clicks add to basket, a script that's running in the background automatically transfers those values into the corresponding attribute slot on the order line.
1:05 So that's it in a nutshell, let's just have a look at how exactly. This is configured. So, first off, we need to make sure that we've actually got the relevant script activated in our MegaEdit scripts screen.
1:19 if we navigate to MegaEdit scripts. Now, people might see slightly different behavior here based on, uhm, how you're logged in, for example, or the permissions that you've gathered over the time you've used Infigo.
1:32 So you can see in my case that I can see all of these hard-coded scripts at the bottom. If you can see this screen, then you're going to scroll right the way down to the bottom and click this button.
1:43 This product attribute sync script, and then click on save. If you can't see that list, the first thing to do is to try logging in as your platform administrator.
1:54 If that doesn't work either, you can get in, get in touch with our customer support, and they'll be able to activate the script for Once that script is activated, we actually have to configure it on our MegaEdit So I'm going to go to my product management.
2:10 We could create a brand new MegaEdit product. I'll just use a basic one I've created already. First thing I'm going to do is to activate that particular switch.
2:18 So I'm going to go to our MegaEdit settings for that particular product. Go across to the scripts tab. Select our product attribute sync script that we just activated, and then make sure we save it at the top of the screen.
2:36 And that's it. The script is now active. No other changes need to be made with that particular script. The only other thing we need to do on the actual back end of the product like this is just to make sure that we have the relevant product attributes specified to our product.
2:51 I'm not going to go into this in any detail, there's lots more resources on product if I quickly just go into our product variant settings, we can see in our case that we have one attribute specified, which is called example attribute.
3:08 That's everything configured on the back end of the product. Now we're going to go and launch that product in MegaEdit.
3:17 the steps in here are quite simple as well. If you haven't done already, you can add the relevant field that you want to link to that particular attribute.
3:25 I've already got a text field on my form. If I then load up the driver, text options window just by double-clicking, go across to our details tab and all I'm doing is navigating down to this tags option which is down here.
3:40 And you can see there the exact string that we're going to input. So it's save to attribute, underscore, and then the the exact name of the attribute as it appears on our product.
4:01 Make sure you save that product as default and then that is all you need to do. So now whenever text is placed into here, so let's just go here.
4:10 So with my simple test, I'm going to add that to basket and you can see there it's been brought through into my attribute value.
4:28 Now this same logic does apply with Invent as well if you are an Invent user. So I've just got a very simple sample invent file open here.
4:39 got one variable which is my text variable which is linked to this text field here. And then on the actual properties of the text field, go to the general tab and then you'll see once again as we did in MegaEdit itself, we have this tags field.
4:55 And we're just going to do exactly the same process here. We're going to put save to attribute underscore and then the exact name of the attribute.
5:03 Now once we export this MEX file from Invent and take it into MegaEdit, the exact same processes apply so we're still using whatever value is in that field and then driving it into that product attribute.
5:16 The only difference here is that because we set up a variable in Invent, it means that that value can be driven from the actual form itself.
5:43 which is linked to the relevant text field. If I add to basket, because we've linked it together with that tag, the value should be brought through.
6:04 So you can actually link to those attributes. So first off, we'll start with text fields as we've seen. So that reads the string value that's in that text field and ensures it meets any formatting constraints.
6:18 Now you can do this for an image field as well. So it captures the uploaded asset reference or URL and can pass that back into an attribute.
6:27 And then it's also applicable for custom fields as well. So that applies any specialized extrication logic. If you're mapping to any drop-down or radio attributes, it might be matches the user's input to one of the defined options.
6:43 So looking up the correct option ID. And then for free text attributes, it assigns the raw value directly. And just to confirm, this is a brand new hard-coded script as we saw being activated earlier on.
6:56 So no existing functionality is going to be modified at all. And you've seen that you have to purposely turn that script on in order to use
