1
00:00:00,470 --> 00:00:08,940
Awesome job, we're done with our contact form as far as setting up the UI and technically we can start

2
00:00:08,940 --> 00:00:12,270
setting up the functionality to fetch the product.

3
00:00:12,840 --> 00:00:18,450
But in this optional video, so essentially, if you don't want to, you can just skip and move on.

4
00:00:18,460 --> 00:00:19,590
You're not going to miss anything.

5
00:00:20,040 --> 00:00:26,790
But if you would want to see how we can actually collect the values, for example, we could collect

6
00:00:26,790 --> 00:00:27,960
the emails.

7
00:00:28,350 --> 00:00:31,020
I'll show you what kind of service I would suggest.

8
00:00:31,230 --> 00:00:33,470
Again, I'm not proffering anything from them.

9
00:00:33,480 --> 00:00:36,150
I'm not sponsored by them or nothing like that.

10
00:00:36,660 --> 00:00:42,570
It is just much easier to use some kind of third service, especially if it is free.

11
00:00:42,570 --> 00:00:48,500
At least there's some kind of free tier because that can go, yes, you could set up everything yourself.

12
00:00:49,020 --> 00:00:50,700
Just keep in mind two things.

13
00:00:50,700 --> 00:00:58,440
First, you have to have some kind of server, even if it's just a serverless function by the middle

14
00:00:58,440 --> 00:00:58,670
part.

15
00:00:59,220 --> 00:01:05,040
And the second thing is the fact that you'll have to deal with a lot of spam and just tell you that

16
00:01:05,040 --> 00:01:06,420
from the personal experience.

17
00:01:06,450 --> 00:01:14,160
So from my perspective, I'd much rather deal with some company that just does all the hard work for

18
00:01:14,160 --> 00:01:14,340
me.

19
00:01:14,670 --> 00:01:21,630
So, for example, if you navigate to John Smith ILGA and if you are looking at the coupon subscription,

20
00:01:21,900 --> 00:01:24,580
how this is handled by the mailroom.

21
00:01:25,050 --> 00:01:26,160
So I don't have to do anything.

22
00:01:26,160 --> 00:01:30,530
I just needed to set up my form in a specific way.

23
00:01:30,900 --> 00:01:34,110
So, of course, Melchett can handle that.

24
00:01:34,320 --> 00:01:36,150
And I was in good shape.

25
00:01:36,180 --> 00:01:40,170
Again, if you want to do it yourself, you can definitely do so.

26
00:01:40,560 --> 00:01:43,910
But that's not something that I would suggest doing.

27
00:01:44,370 --> 00:01:46,050
Again, that is just my preference.

28
00:01:46,530 --> 00:01:52,680
Of course you can do it however you like, but I'm going to show you a different provider and the name

29
00:01:52,680 --> 00:01:53,910
of it is going to be.

30
00:01:54,510 --> 00:01:56,550
Again, I'm not sponsored by them.

31
00:01:56,940 --> 00:02:01,200
I just find that set up probably the easiest to get started.

32
00:02:01,470 --> 00:02:05,010
So we just type here, form service over here.

33
00:02:05,590 --> 00:02:10,770
And once we navigate, we just need to look for Formspring.

34
00:02:11,160 --> 00:02:14,070
That's the link that we're looking for.

35
00:02:14,610 --> 00:02:16,500
So I'll open up this, a new link.

36
00:02:16,950 --> 00:02:24,990
I'll sign up for new account, even though I should have the account since I have shown this in my HDMI

37
00:02:24,990 --> 00:02:25,740
post as well.

38
00:02:26,190 --> 00:02:29,010
So here, let me just go with not signing.

39
00:02:29,280 --> 00:02:30,420
I'm going to go get started.

40
00:02:31,810 --> 00:02:34,120
And I'm going to go with one of my emails.

41
00:02:34,150 --> 00:02:36,190
I think it was learn code.

42
00:02:37,300 --> 00:02:44,100
Or yell out, and then it was Gmail dot com as far as the password.

43
00:02:45,150 --> 00:02:50,730
It's not going to be something really secret and I'm just going to register, hopefully I and use this

44
00:02:50,730 --> 00:02:56,790
email before and it doesn't look like I have or my apologies to.

45
00:02:56,910 --> 00:02:59,470
I've used it quite a few times.

46
00:02:59,910 --> 00:03:04,020
So in this case, I guess we're going to go with a new form.

47
00:03:04,980 --> 00:03:11,280
And emails, we would be sending emails to learn code Turrill, Gmail dot com, and I'm just going to

48
00:03:11,280 --> 00:03:15,990
call this a react store online form.

49
00:03:16,470 --> 00:03:24,660
So we'll create a form and essentially we'll just have to get these values that we need to add to our

50
00:03:24,660 --> 00:03:26,100
form scenarist here.

51
00:03:26,130 --> 00:03:29,170
We have form online when it comes to action.

52
00:03:29,340 --> 00:03:33,300
We have the URL and we need the method of post.

53
00:03:33,780 --> 00:03:36,570
And then, of course, once I'm submitting.

54
00:03:37,500 --> 00:03:43,290
Then, of course, I would want to get those values correct, so that's why when we were setting up

55
00:03:43,290 --> 00:03:47,720
this input, we would need to set up the name over here.

56
00:03:48,150 --> 00:03:48,940
So let's do it.

57
00:03:49,230 --> 00:03:50,370
We're going to go with action.

58
00:03:50,370 --> 00:03:51,480
So create the account.

59
00:03:51,480 --> 00:03:55,950
If you don't have it, create a new form, show and learn.

60
00:03:56,490 --> 00:03:58,500
Just navigate back to your project.

61
00:03:59,310 --> 00:04:05,430
And where you have the form, copy and paste, so now you have the action and you have the post, and

62
00:04:05,430 --> 00:04:07,970
then I also want to have a name.

63
00:04:08,220 --> 00:04:09,950
So that is a very, very important.

64
00:04:10,350 --> 00:04:17,910
So where I have the email I'm going to go with reply to now, it's really cool is that you can actually

65
00:04:17,910 --> 00:04:18,560
test it out.

66
00:04:18,570 --> 00:04:24,510
And by the way, I'm sorry this name should be here where I have the input and you can have it whatever

67
00:04:24,510 --> 00:04:25,020
you want.

68
00:04:25,020 --> 00:04:32,040
But in my case, I'll just leave this on the school and then reply to and what I was saying before is

69
00:04:32,040 --> 00:04:36,270
the fact that you can test it out in your local environment as well.

70
00:04:36,540 --> 00:04:45,450
So if I'm going to go with testing and testing dot com, you'll see that I'll be able to submit the

71
00:04:45,450 --> 00:04:48,730
form and notice how we submitted the form successfully.

72
00:04:48,870 --> 00:04:51,240
And now, of course, we can't go back.

73
00:04:51,600 --> 00:04:56,040
And if you navigate your mail now, here I have a new submission.

74
00:04:56,880 --> 00:04:57,420
Beautiful.

75
00:04:57,900 --> 00:05:04,380
And it tells me that, of course, the mail is testing, testing dotcom.

76
00:05:04,860 --> 00:05:12,420
And as a side note, yes, there's more setups that you can have, meaning there's more ways how you

77
00:05:12,420 --> 00:05:16,410
can submit the data, whether that is name, email or whatever.

78
00:05:16,830 --> 00:05:19,920
But we all just stick with the basic one.

79
00:05:20,100 --> 00:05:23,820
OK, so we'll just go with our set up the way it is.

80
00:05:23,820 --> 00:05:28,890
And if you're interested in researching this in greater detail, of course, please do.

81
00:05:28,890 --> 00:05:34,110
So, like I said, they have generous three-tier because there's bad options as well.

82
00:05:34,380 --> 00:05:41,550
But as far as setting up of the form submissions and maybe collecting some kind of values, I definitely

83
00:05:41,550 --> 00:05:48,450
would suggest using some kind of service because in my personal experience, it just made way more sense

84
00:05:48,450 --> 00:05:49,400
in the long run.

85
00:05:49,740 --> 00:05:52,140
Can you set up the form submissions yourself?

86
00:05:52,170 --> 00:05:54,600
Yes, but it is definitely way more work.

87
00:05:54,900 --> 00:05:56,940
And can you use different companies?

88
00:05:56,940 --> 00:06:02,260
Of course, if you find a better company that suits your needs better, of course.

89
00:06:02,460 --> 00:06:03,090
Definitely do.

90
00:06:03,090 --> 00:06:09,320
So, in my opinion, when starting out, Formspring is a pretty nifty option.