YouTube2Text

Yapay Zekâyla Kurduğum E-Ticaret Sitesine Ödeme Sistemi Ekledim! | Bölüm 5 — Transcript

by Tuger Akkaya · 6,614 words · 960 segments · language en · Watch on YouTube

Full transcript

  1. 0:00We are moving towards our $ 20,000 goal
  2. 0:02by doing e-commerce with our own brand
  3. 0:05and making sales. Hello everyone,
  4. 0:06welcome to the new episode. It is a
  5. 0:08truly exciting and equally enjoyable
  6. 0:10video series for me. I am continuing
  7. 0:12from where we left off. So, if you
  8. 0:14remember, we last prepared our own
  9. 0:16website, watchkick.com. If you don't
  10. 0:19remember or haven't watched the
  11. 0:21previous episodes, I am sharing a
  12. 0:23playlist above. Go and start watching
  13. 0:25from the first video. This is like a
  14. 0:28complete course, and I can say it is
  15. 0:29very clear content where you can truly
  16. 0:31achieve success when you apply all the
  17. 0:33steps I have shown you for free, and at
  18. 0:35the same time, you can understand how I
  19. 0:36do this. You will see how I build an
  20. 0:40e-commerce site from scratch. Now you
  21. 0:43see my screen. Watchkick.com. This is
  22. 0:46where we left off. We had built our
  23. 0:48website. I actually haven't done much
  24. 0:49while you were away. I only did the
  25. 0:51following, and I recommend you do these
  26. 0:53as well. When you scroll down to the
  27. 0:54bottom of the page, there are some
  28. 0:56sections here like terms of service,
  29. 0:58privacy policy, and refund returns.
  30. 1:00Look, as you can see when you click on
  31. 1:02them, we created these legal pages,
  32. 1:04which are pages that should be there.
  33. 1:06Why did we do this? One of the sole
  34. 1:08reasons we did this is that we are
  35. 1:09going to apply to Stripe. Look, today
  36. 1:12we will apply for a virtual POS for
  37. 1:13credit cards, and for our application
  38. 1:15to be approved, these sections need to
  39. 1:17be included at the bottom of our
  40. 1:19webpage. We even need to put a Stripe
  41. 1:21logo here. We will add that together in
  42. 1:23a bit. We are already having artificial
  43. 1:24intelligence do everything. All the
  44. 1:25work, everything, is in the hands of
  45. 1:27artificial intelligence. You don't need
  46. 1:28to know this business. You don't need
  47. 1:30to do any coding. You don't need to
  48. 1:31have a technical background. You
  49. 1:33absolutely don't need to think for long
  50. 1:35hours, rack your brain, or say "Oh my
  51. 1:36God, how am I going to do this?"
  52. 1:38Everything is very fluid, very easy.
  53. 1:40And by easy, I mean really easy. We are
  54. 1:43running our process step-by-step with
  55. 1:45AI as if you were chatting with a
  56. 1:46friend. Now, there is an important
  57. 1:48point here, my friends. Look, you see
  58. 1:49it on the screen. I entered my own
  59. 1:50company's information here. So, when we
  60. 1:53apply to Stripe for a virtual POS, an
  61. 1:55expert will visit this page and look at
  62. 1:57the "about" page here. Then they will
  63. 1:58scroll down to see if these guys are
  64. 2:00reliable. Do they have a contact page?
  65. 2:01Are their company names listed? They
  66. 2:04will check to see if their emails,
  67. 2:05phone numbers, and information are
  68. 2:06there. Since we are doing business in
  69. 2:08America—America, Canada, it doesn't
  70. 2:10matter—Since we are doing business
  71. 2:12outside of Turkey, we absolutely must
  72. 2:14have a company in America. Now, let me
  73. 2:16give you some information about this as
  74. 2:17well. We have our own platform. You see
  75. 2:19it on the screen again. Firstbase.com.
  76. 2:21When you enter Firstbase.com, the
  77. 2:23starter package in the packages section
  78. 2:25will be useful for you. You can use the
  79. 2:28starter package there in one go. In
  80. 2:30fact, let me do this. Since I have
  81. 2:32supported you this much, opened doors
  82. 2:34for you, shown you the way, and helped
  83. 2:36you this much, I want to help with the
  84. 2:37prices here as well, and because I want
  85. 2:39to help, I am negotiating the price
  86. 2:41completely unfiltered. Let's see how
  87. 2:44much of a discount we can get. I'm
  88. 2:45calling my team member right now to ask
  89. 2:47what the prices here will be. Hello.
  90. 2:49Yeah. Hi. How's it going? Look, I'm
  91. 2:51filming a video, and we have that
  92. 2:53starter package on firstbookom that we
  93. 2:55sell for $ 360. What’s the best
  94. 2:57discount we can offer for this? What
  95. 2:59percentage can we do? For everyone. For
  96. 3:01everyone watching the video. Okay. What
  97. 3:03percentage can we do? Just give me a
  98. 3:04number. I don't know, what do you think
  99. 3:06? How about 25%? If we do 25%, what
  100. 3:09would the price be? It comes to $ 288.
  101. 3:12It drops from $ 360 to $ 288. I see.
  102. 3:14Alright. Okay. I’ll say 25%then. Okay
  103. 3:16, okay, we'll talk later. Thank you.
  104. 3:18Alright, bye-bye. I actually made that
  105. 3:20call by the way, it wasn't fake. So, we
  106. 3:22get a 25%discount. It comes out to 280-
  107. 3:25something dollars. Plus the state fee.
  108. 3:27$ 52. So, let me put it this way. You
  109. 3:29aren’t spending a huge amount of
  110. 3:30money. When you look at it, you’re
  111. 3:31spending 300-something dollars
  112. 3:33including state taxes and you have an
  113. 3:34American company. But friends, look,
  114. 3:36this American company is something we
  115. 3:38need to have on our website for the
  116. 3:40work we're doing here. It really needs
  117. 3:42to be there. A Turkish company won't
  118. 3:44work. A company from another country
  119. 3:45won't work. It has to be American. Now
  120. 3:47you’ll ask, why America? Because we
  121. 3:49need to use Stripe. Now, we are going
  122. 3:51to apply for Stripe, and when we apply,
  123. 3:54we absolutely must present an American
  124. 3:56company. Because you can't get Stripe
  125. 3:58any other way. You can use other
  126. 4:00gateways, but you'll suffer tax
  127. 4:01disadvantages. Now, without further ado
  128. 4:03, I'm logging into Stripe. It asks for
  129. 4:05an account name. I’m using
  130. 4:06watchkick.com. It asks where you manage
  131. 4:09this business from. I say United States
  132. 4:11because I have an American company,
  133. 4:12then I continue. Now it asks what your
  134. 4:14company is. I select my company. I had
  135. 4:16already added my company previously.
  136. 4:18Then it asks for my bank account and
  137. 4:20public information. I select that.
  138. 4:22Since I had added my bank account
  139. 4:23earlier, I’m just clicking the create
  140. 4:25account button here. Now my Stripe will
  141. 4:27open automatically. The process of
  142. 4:29opening a Stripe account isn't really
  143. 4:31that difficult. Just search YouTube for
  144. 4:33"how to open a Stripe account." It will
  145. 4:36open very quickly. Since I already have
  146. 4:37an account, I just linked it to my
  147. 4:39existing one. I linked watchkick.com
  148. 4:42and it gave me an ID for live payments.
  149. 4:46I’m copying this and clicking the "
  150. 4:47view account" button. Now it asks for
  151. 4:49our business name here. You type the
  152. 4:51name of your company. You write the
  153. 4:52name of the company you established in
  154. 4:53America. Then you enter your website
  155. 4:56here. I’ll enter watchkick.com. Now
  156. 5:00it asks you to describe your business.
  157. 5:02By the way, I’m going to AI and
  158. 5:04saying, "I set up Stripe for Watch Kick
  159. 5:06.""It gave me this ID.""Also, what
  160. 5:10should I write in the attachment field?
  161. 5:11""Guide me." The reason I'm asking Kiro
  162. 5:14this is because we did the coding work
  163. 5:16with Kiro. Therefore, it makes more
  164. 5:18sense to proceed through the whole
  165. 5:19process here with Kiro. I mean, you
  166. 5:21could ask ChatGPT, but I think it's
  167. 5:22much better to do it here. Now, uh, it
  168. 5:24answered immediately. Kiro says that
  169. 5:27the gray text there is just a Stripe
  170. 5:28placeholder, meaning it's not your
  171. 5:29business. It says you need to write
  172. 5:31this. Look, the Turkish equivalent here
  173. 5:33is also "washing complete, sneaker
  174. 5:34washing system," we are selling that.
  175. 5:36Enabling safe machine washing for
  176. 5:38sneakers at home, and so on. We took it
  177. 5:40. We copied it and we're continuing.
  178. 5:42Yes, now we come to this screen. Here
  179. 5:44it asks whether we want tax protection
  180. 5:47or not. So, what should we say here?
  181. 5:49Let's say continue. That would be
  182. 5:50better. I tell it to calculate the
  183. 5:52taxes itself. Regarding VAT and taxes,
  184. 5:53it asks if you want to make any
  185. 5:55donations here. I say no. Uh, I answer.
  186. 5:58It doesn't matter. Uh, my company
  187. 6:00details, my website, everything is
  188. 6:02visible on the screen as you can see. I
  189. 6:04say continue and accept everything. You
  190. 6:06can think of this as signing a contract
  191. 6:08with Stripe. Stripe is onboarding us
  192. 6:10here, see? It is activating our account
  193. 6:12and what does it say? You are now in
  194. 6:14your live account. It says you have a
  195. 6:17live account now, and as you can see,
  196. 6:20watchkick.com is active and live. So
  197. 6:22what do we need now? We come right over
  198. 6:24. Now that our Stripe account is open,
  199. 6:26look, it tells us to go to the
  200. 6:28dashboard, developers, and API keys
  201. 6:30section. So we will take all the Stripe
  202. 6:33keys from the API keys section. We type
  203. 6:36"API key" here immediately. Look, it
  204. 6:38appeared directly. We click "create
  205. 6:40secret key" right here. After clicking
  206. 6:42this, I say I will use it in my own
  207. 6:44integration. I mean, I will use this on
  208. 6:47my own website. I am continuing. We can
  209. 6:49give full access or choose templates.
  210. 6:51It is up to you. Let's select full
  211. 6:53access. Let's name it watchkick.com.
  212. 6:55Let's continue. Now it will ask for a
  213. 6:57few verifications. Let's proceed. For
  214. 7:00example, I requested email verification
  215. 7:01. It sent an email. Yes. After clicking
  216. 7:04the link in the email, it now wants me
  217. 7:06to verify via mobile phone. Let's do
  218. 7:07that too. You already provide a mobile
  219. 7:09phone number to Stripe when registering
  220. 7:10. Now I will verify this as well. Yes,
  221. 7:13I am continuing. Yes, it gave me a
  222. 7:14secret key. I am copying this. Then I
  223. 7:17provide this secret key to Kiro. I said
  224. 7:19copy and close, and now I closed the
  225. 7:21system. So, I gave my key for which I
  226. 7:23granted full access, that is my Stripe
  227. 7:26key, to Kiro. By the way, it might not
  228. 7:28always be appropriate to paste it like
  229. 7:30this into Kiro. I, of course, uh, did
  230. 7:33this for now. I will certainly change
  231. 7:35these keys later. Uh, Kiro will handle
  232. 7:37the Stripe connection process here. Now
  233. 7:40, when someone visits our website and
  234. 7:41makes a purchase, if payment is made,
  235. 7:43the payment will come to our Stripe,
  236. 7:45and since we defined a bank account for
  237. 7:47Stripe, the payments will automatically
  238. 7:48go to our bank account. Of course,
  239. 7:51there are a few handicaps here. I am
  240. 7:52aware. If you haven't done it before,
  241. 7:54after opening a company in America, you
  242. 7:56need to open an American bank account.
  243. 7:58I recommend Mercury for this. I'm
  244. 8:00writing Mercury below right now. You
  245. 8:01will see it. Once your Ve.com US
  246. 8:03company is open, you can open a bank
  247. 8:05account through Wise. A dollar account
  248. 8:08in the US. Then you apply to Stripe.
  249. 8:10You link Stripe to Wise, and from then
  250. 8:13on, you receive your payments quickly
  251. 8:15and seamlessly into your Wise account
  252. 8:17via Stripe. So, how do you transfer it
  253. 8:19from Wise to Turkey? That is not really
  254. 8:20that difficult or complex. Believe me.
  255. 8:23Money can be transferred to Turkey from
  256. 8:24within Wise. Of course, it's still
  257. 8:26useful to consult a tax expert. Because
  258. 8:28tax-related situations can arise in
  259. 8:30such matters. It's worth consulting an
  260. 8:32expert to avoid any problems. Or you
  261. 8:34can speak with First. First will
  262. 8:36provide you with guidance on this
  263. 8:37matter as well. Now, we are going to
  264. 8:39adjust a different setting. We have
  265. 8:40entered Railway again. Here, we click
  266. 8:42on our project name. There are
  267. 8:44variables here. I click new variable
  268. 8:46and paste the Stripe key, the key
  269. 8:48provided to me by Stripe, right here.
  270. 8:51And as it says right here at the
  271. 8:52beginning. I write Stripe secret key
  272. 8:55here as the name and say add this. It
  273. 8:57will override. It will overwrite it. It
  274. 8:59will say something like this already
  275. 9:00exists. We deploy it, saving and
  276. 9:02overwriting it. So, what happened now?
  277. 9:03Our entire secret key in Stripe, let's
  278. 9:06call it the password needed to connect
  279. 9:08to Stripe. That private password has
  280. 9:10now been entered into watchick.com.
  281. 9:12From now on, we have effectively
  282. 9:13specified which account the money
  283. 9:15transfer should come from when
  284. 9:16collecting payments. It is currently
  285. 9:17processing our operations. Look at what
  286. 9:19it says. It says it can generate an
  287. 9:21end-to-end order webhook for the key,
  288. 9:23if you want, out of test mode. Now we
  289. 9:25will give a command. We say that I will
  290. 9:27provide a voice message again. As you
  291. 9:29said, I put the Stripe key into Railway
  292. 9:32. From this stage on, guide me
  293. 9:35step-by-step if I need to create a
  294. 9:37product on the Stripe side. At the same
  295. 9:40time, please guide me step-by-step if I
  296. 9:43need to create a webhook. Let there be
  297. 9:45nothing missing. Let it be on the
  298. 9:47Stripe side and in working order. Now
  299. 9:48let's see, did it write it correctly?
  300. 9:50Sometimes it might not write correctly.
  301. 9:52Look, it wrote rway. I am correcting
  302. 9:54this to railway. And a webhook is a web
  303. 9:57hook. We corrected that. It should be
  304. 9:59Stripe, not Skype, and I sent it. Now
  305. 10:01this is important here. I think it is
  306. 10:02very important to understand this. This
  307. 10:04is a bit of a technical topic, yes, but
  308. 10:05not an incomprehensible one. Stripe is
  309. 10:07a system that collects payments
  310. 10:08end-to-end, but there shouldn't be any
  311. 10:10missing parts here. After the customer
  312. 10:12makes a payment, an order must be
  313. 10:14created in our system, and an order
  314. 10:16number must be generated. For this,
  315. 10:18hooks called webhooks are needed. I
  316. 10:20asked that now, and it is guiding me
  317. 10:22here. Let's see what it says. Now it
  318. 10:23asked for a bunch of things from me.
  319. 10:24What am I going to say? Look now, test.
  320. 10:26It said add this, add that. It gave me
  321. 10:28quite a task. I am not going to work
  322. 10:30that much. Now look at what I am saying
  323. 10:31. Please do all the remaining tasks for
  324. 10:34me, except for the test procedures. If
  325. 10:37I need to grant you authorization, tell
  326. 10:40me, guide me, and I will grant it. You
  327. 10:42connect to my Railway. I mean, you do
  328. 10:44this job on my behalf. I am frankly
  329. 10:46saying, don't bother me with it. Let's
  330. 10:47see what it does. You do this, I can't
  331. 10:49do this for you. Let me explain why. It
  332. 10:51says it's not a matter of authorization
  333. 10:53. Because it says I cannot perform
  334. 10:55Stripe railway operations for you. I am
  335. 10:56a coding agent working in the workspace
  336. 10:58on this machine, it says. Naturally, I
  337. 11:00cannot do it, it says. Fine, I'll do it
  338. 11:01, no problem. Yes, now Kiro says open
  339. 11:03the Stripe dashboard for me. It asks if
  340. 11:06live mode or test mode is selected in
  341. 11:08the top right. Let's do it this way. I
  342. 11:10will take a screenshot of Stripe like
  343. 11:12this. Then I will send it to Kiro. So
  344. 11:14that it understands the situation. I
  345. 11:16say the Stripe screenshot is attached.
  346. 11:19Then it tells me to go to the developer
  347. 11:21webhooks page. For such requests, my
  348. 11:23advice is to use the search section,
  349. 11:26right there. I'm typing webhooks. See,
  350. 11:28it appeared immediately. I came here
  351. 11:29right away. Yes. Let's say I entered
  352. 11:31the webhooks section. Let's send a
  353. 11:33screenshot of this too. Let it have as
  354. 11:35much context as possible. I'm sending
  355. 11:37it because it asked me to take
  356. 11:38screenshots of these. It told me to
  357. 11:39tell it when I get here. I am telling
  358. 11:41it that I have entered those screens.
  359. 11:42Now both screenshots helped. You are on
  360. 11:45the second screen, developers webhooks
  361. 11:47is empty. Exactly where it needs to be.
  362. 11:48You are in the right spot, it says. It
  363. 11:50mentions security and the revealed key.
  364. 11:53Okay, let's continue. Huh. Now it wants
  365. 11:55me to create an endpoint. It says click
  366. 11:56the add destination button. Look, let's
  367. 11:58do it right away. We clicked add
  368. 11:59destination. Then what does it say?
  369. 12:01Let's open Kiro immediately. Look, it
  370. 12:03says find and check these. I'm
  371. 12:05selecting payment intent succeeded. I'm
  372. 12:07searching for it here. See, I checked
  373. 12:09it, hop. I'm continuing. I'm not
  374. 12:10clicking anywhere else. I'm selecting
  375. 12:11the second one. Everything is
  376. 12:13understandable, actually easy. You can
  377. 12:14think of it as a format that anyone can
  378. 12:16do. I mean, they aren't very complex
  379. 12:18things. That's how it looks, but it's
  380. 12:20solvable. Look, I checked it
  381. 12:21immediately. I came for the third.
  382. 12:23These actually show the authorizations
  383. 12:25you've given after typing in the search
  384. 12:27box on the webhook side. I checked this
  385. 12:29one too. Now what does it tell us about
  386. 12:31these? Then it says proceed. You need
  387. 12:33to select the webhook endpoint. If I
  388. 12:35ask for the destination type. Okay,
  389. 12:37let's continue and see if it asks
  390. 12:38anything. I said continue. I'm
  391. 12:40selecting the webhook endpoint as it
  392. 12:42said. I said continue. Now I got this
  393. 12:44screen here and I don't know what to do
  394. 12:46. I took a screenshot of it like this.
  395. 12:49I said I'm at this stage and actually
  396. 12:51asked Kiro to guide me. Step by step.
  397. 12:53Excellent, you are on the right step.
  398. 12:54What does it say? It says write
  399. 12:56memorable in destination name. Ah, it
  400. 12:57told me to write this. Watch kick, etc.
  401. 12:59Let them finish writing, then we'll
  402. 13:01copy everything. Because it won't let
  403. 13:03us copy until the chat is finished. Yes
  404. 13:05, it finished. I'm copying this as the
  405. 13:07name. I'm coming. I pasted it here. URL
  406. 13:10, it asks. Endpoint URL. I'm copying
  407. 13:14this there too. Kiro already did these
  408. 13:16for me. We are coming to the
  409. 13:18description section. It says write this
  410. 13:20here. It's optional, but let's write it
  411. 13:22anyway. We wrote it and said create
  412. 13:24destination. Now it shows us a signing
  413. 13:26secret here. There is a destination
  414. 13:28here as you can see. I am going to copy
  415. 13:30the code number here now. I will give
  416. 13:33it to Kirio as the Destination ID. Then
  417. 13:36I'm coming back. I'll say view here.
  418. 13:38I'm copying this too. I come over,
  419. 13:40paste it to Kirio, and sent it. Yes, it
  420. 13:42says security issue, but it's not a big
  421. 13:44problem. Now it says what you need to
  422. 13:45do in order. It says the Webhook secret
  423. 13:48will change because it's a roll. I
  424. 13:50won't change it, let it be. Let's see
  425. 13:52now. It says put the Stripe webhook
  426. 13:55secret in the variables tab in Railway.
  427. 13:58Look, I realize it's very complex, but
  428. 14:00I think you understand. I don't think
  429. 14:02it's that much. So it tells me to come
  430. 14:03here. It says click this. It says click
  431. 14:06new variable in the variables section.
  432. 14:08It says put the key here. It has
  433. 14:10already written it as the name here. It
  434. 14:12says write stripe_webhook_secret. I am
  435. 14:16writing it. I say add. Let's override
  436. 14:19it. Is there anything else it wants me
  437. 14:20to add? No. Okay. I need to say deploy.
  438. 14:23Now our deployment here will take about
  439. 14:252 minutes. After doing this, I will
  440. 14:27tell Kirio that I added it to the
  441. 14:28variables. I deployed it. Check it. I
  442. 14:31will ask if everything is as it should
  443. 14:33be, but I will wait for the deployment
  444. 14:34to finish. After the deployment
  445. 14:36finishes. What does deploy finished
  446. 14:37mean? After the time here expires,
  447. 14:40after this resets, I will send that
  448. 14:42message to Kirio and ask him to test it
  449. 14:44. Yes, you see it finished the
  450. 14:46deployment right now. I am continuing
  451. 14:48immediately. I came to Kirio. I sent my
  452. 14:50message. Let's see what he will say. He
  453. 14:52says I want you to check it, but let me
  454. 14:53say this. He says I don't have access
  455. 14:54to your Railway Stripe account or the
  456. 14:56live site. Why did he say something
  457. 14:57like that? He gave me a link. He says
  458. 14:59if it says status okay or I see the 200
  459. 15:02message, then the system is working.
  460. 15:04Now let's copy this. It said okay. Look
  461. 15:09, it means it's working. So it shows us
  462. 15:11that it was successful here. Yes. It
  463. 15:14says health check. It says very good
  464. 15:16sign. The application is running, the
  465. 15:18database is running. Everything is
  466. 15:19loaded, but there are sections you
  467. 15:21haven't verified yet, he says. He says
  468. 15:22you need to check these. You will check
  469. 15:24these anyway. Of course, he says if I
  470. 15:26did this, there is no problem. Progress
  471. 15:28is good. Actually, we connected Stripe
  472. 15:31now and we have seen a 70%path, he says
  473. 15:34. He says 30%remains. We will be
  474. 15:35continuing these step by step anyway.
  475. 15:37Now, after setting up Stripe, another
  476. 15:40important area is this. When a customer
  477. 15:43places an order, they shouldn't break
  478. 15:45away from the shopping standards they
  479. 15:47experience on Shopify or similar
  480. 15:49platforms, and the ordering phase must
  481. 15:51be very easy. Now, regarding this, I
  482. 15:54think we need to beautify the checkout
  483. 15:56page you see on the screen a little bit
  484. 15:58. Rather than beautifying it, it needs
  485. 16:01to be a bit easier and the customer
  486. 16:02should be able to move very quickly.
  487. 16:04Now I will do this. I am taking a
  488. 16:06screenshot like this. I took it. Then I
  489. 16:08will give such a command to Kirio.
  490. 16:10Actually, let me give this command by
  491. 16:12voice. As you can see on the screen, I
  492. 16:15want to provide a better customer
  493. 16:17experience on the order creation
  494. 16:18payment page. Those who come to this
  495. 16:22page should not leave it, and we need
  496. 16:24to ensure they complete the payment.
  497. 16:27This page needs to look trustworthy and
  498. 16:30also reflect a much easier payment
  499. 16:32experience for the customer. I think we
  500. 16:35should take the payment from the
  501. 16:36customer first. After receiving the
  502. 16:38payment, we can ask the customer for
  503. 16:39their address information. I think we
  504. 16:41could ask for the other information
  505. 16:42later. Or I don't know, what do you
  506. 16:44think? I think your opinion on this is
  507. 16:45also very important. Because in these
  508. 16:47types of platforms, in e-commerce
  509. 16:49platforms, how should the payment stage
  510. 16:51be according to global standards? I'm
  511. 16:53not asking you to write any code right
  512. 16:54now. I just want to talk about this
  513. 16:56with you. I want to get your
  514. 16:57perspective as well. I said, please
  515. 16:59write down your opinions, and I sent it
  516. 17:01to Kiro. Now, we are getting the AI's
  517. 17:03opinion here after all. Yes, we have
  518. 17:04our own ideas, but I think its ideas
  519. 17:06might be more advanced than ours.
  520. 17:08Because we wanted something that meets
  521. 17:10global standards. We wanted to better
  522. 17:11understand how these things are done in
  523. 17:13the world. Yes, I brought up a very
  524. 17:14good topic. It said, let's talk. It
  525. 17:16said, first my observation about the
  526. 17:18current checkout on the screen, then I
  527. 17:20will provide an honest opinion on your
  528. 17:21"payment first, address second" idea.
  529. 17:23There are a few friction points for a
  530. 17:25page that doesn't prevent abandonment.
  531. 17:27The subtitle says, "Payment is arranged
  532. 17:29your orders is placed." So, the
  533. 17:31customer isn't even entering a card
  534. 17:33here. They fill out the form first. It
  535. 17:35seems like payment comes later. This is
  536. 17:36something that lowers conversion. The
  537. 17:38customer hesitates, asking, "When will
  538. 17:39I pay?""Is this secure?" they wonder.
  539. 17:41In a modern checkout, the card field
  540. 17:43shouldn't be inside the page. Shipping
  541. 17:45isn't calculated without selecting a
  542. 17:47country. The total looks incomplete.
  543. 17:49The customer hesitates to click "place
  544. 17:50order" without seeing the final amount.
  545. 17:52It said the form is long and
  546. 17:53single-column, which gets even longer
  547. 17:55on mobile. Now, what did it say about
  548. 17:56my idea? It said it is against this
  549. 17:58idea. It didn't like my idea, and let
  550. 17:59me explain the reason clearly. Your
  551. 18:01intention is right, but this specific
  552. 18:03sequence backfires for a store selling
  553. 18:05physical products. Technically, it
  554. 18:06doesn't work. It backfires in terms of
  555. 18:08trust. It said tax, shipping, and legal
  556. 18:10compliance are necessary. Now it's
  557. 18:12telling us how to do it. It's talking
  558. 18:14about the methods actually used by
  559. 18:16Shopify, Amazon, and Stripe. Single
  560. 18:18page, clear sequence, but the card is
  561. 18:20at the very end. The correct order
  562. 18:21after the address is: contact, delivery
  563. 18:23address, shipping selection, and
  564. 18:25payment. The card field should be
  565. 18:26embedded within the page. No
  566. 18:28redirecting to the main page or
  567. 18:29anything like that. Put express
  568. 18:30checkout buttons at the top. Order
  569. 18:32summary should always be visible. It
  570. 18:34said guest checkout by default, account
  571. 18:35creation optional. In summary, let's
  572. 18:37get the email first. Then let's get the
  573. 18:39address. Then let's clarify the
  574. 18:41shipping cost. Let's take the card
  575. 18:43information at the very end. Express
  576. 18:44checkout, Apple, and Google Pay should
  577. 18:46be at the top. Yes, that's good. It
  578. 18:48prevents abandonment. And it gives a
  579. 18:50sense of security. What do you think?
  580. 18:51Understood. Then please go ahead and
  581. 18:53implement your suggestion. I would also
  582. 18:55like to add fast payment options like
  583. 18:58Apple Pay and Google Pay. However,
  584. 19:00which integrations do I need to perform
  585. 19:02to add Apple Pay and Google Pay? Where
  586. 19:04do I need to apply? Or can I
  587. 19:06automatically use these two fast
  588. 19:08payment options within Stripe? I would
  589. 19:10appreciate it if you could give me
  590. 19:11information on this as well. We can
  591. 19:12move on to coding once we've finalized
  592. 19:14the latest points. For now, just answer
  593. 19:15my questions. Of course, we need to
  594. 19:17discuss our ideas with AI. To make sure
  595. 19:19we're doing things right. It says, "
  596. 19:21Great question and good news." You
  597. 19:22don't need to apply to a separate
  598. 19:24provider or sign a separate contract
  599. 19:26for Apple Pay and Google Pay. Super.
  600. 19:28Stripe handles those internally. But
  601. 19:30there are a few important conditions.
  602. 19:31Stripe's payment element—your code is
  603. 19:34already using that. The express
  604. 19:36checkout element shows Apple Pay and
  605. 19:38Google Pay automatically. No separate
  606. 19:40application required. Very nice. It
  607. 19:42says "zero setup." It says "automatic."
  608. 19:44It says Stripe does this. Wonderful. It
  609. 19:46says you don't have to deal with
  610. 19:47anything. Very nice. It says there's
  611. 19:49nowhere you need to apply. Could you
  612. 19:50look at the dashboard settings, payment
  613. 19:52, payment method screen? It asks if
  614. 19:54Apple Pay and Google Pay are enabled in
  615. 19:56the list there. Good. Dashboard
  616. 19:57settings payment payment methods. Let's
  617. 20:00take a look right now. Dashboard. I'm
  618. 20:01clicking on this gear icon. Settings.
  619. 20:04It's payment methods, right? We are in
  620. 20:05the right place. Yes. We're looking.
  621. 20:07Amazon Pay enabled, Apple Pay enabled,
  622. 20:10Google Pay disabled. Let's enable this
  623. 20:12immediately. I clicked it like this. We
  624. 20:14enabled Google Pay in Stripe. Look guys
  625. 20:16, I want to underline this again and
  626. 20:18again. Stripe is truly the world
  627. 20:20standard, and using Stripe will
  628. 20:22increase your revenue through the ease
  629. 20:24of accepting payments in e-commerce and
  630. 20:26the smooth, reliable experience you
  631. 20:28provide to customers. To use Stripe,
  632. 20:31you need a US company. "How will I do
  633. 20:33this, how will I handle it?" Don't be
  634. 20:35too confused. I'm showing you a link
  635. 20:37right below. Firstbu.com. First is our
  636. 20:40own company, our own structure. We
  637. 20:41handle company formations in the US. If
  638. 20:44you buy the entrepreneur package, we
  639. 20:46also support you with Stripe
  640. 20:47applications. Please take a look at
  641. 20:49Firstbu. You can also get good
  642. 20:51discounts there. After you purchase at
  643. 20:54those discounted prices—I especially
  644. 20:57recommend the entrepreneur package. Get
  645. 21:00your Stripe account activated. Have
  646. 21:02peace of mind. You'll have a bank in
  647. 21:04the US. Stripe US, online collections
  648. 21:06—everything will be so much easier.
  649. 21:08You won't have to deal with a Turkish
  650. 21:10company. Because you can't make
  651. 21:11international sales with a Turkish
  652. 21:13company. Let's see if there is anything
  653. 21:14else to enable. It says Samsung Pay.
  654. 21:16Let's enable it. Would it do any harm?
  655. 21:18I don't know. I've never heard of it.
  656. 21:19Samsung Pay is now enabled. WeChat Pay.
  657. 21:21I think we should enable this.
  658. 21:23Especially so those living in China or
  659. 21:25those who use it can shop. Yeah.
  660. 21:28Afterpay. Look, this is very important.
  661. 21:30Do you know what Afterpay is, guys?
  662. 21:32Afterpay allows people living in the US
  663. 21:35and Canada to shop in installments
  664. 21:37without using a credit card. Or it
  665. 21:40allows them to use buy now, pay later
  666. 21:42options. Klarna is the same. These two
  667. 21:45are very popular in the US. Definitely
  668. 21:46enable these two. I use them. Look, it
  669. 21:48says ACH. You can enable this, it's up
  670. 21:51to you. Bank transfer isn't used much,
  671. 21:54but I think some people still use it.
  672. 21:56Great, everything that needs to be
  673. 21:58active is now active. Let's activate
  674. 22:00Alipay as well. I mean, for Alipay, it
  675. 22:02says pending approval. They will review
  676. 22:05it and then they will open it, and so
  677. 22:07on. Now, let's move on. Let's inform
  678. 22:09Kiro now. Yes, I have activated all of
  679. 22:12them. You can start coding. I asked him
  680. 22:14to design the payment page as he
  681. 22:16suggested, and we've given the task to
  682. 22:19Kiro. Now, while Kiro handles this, let
  683. 22:21him start with the code first. In the
  684. 22:22background, we will set up other
  685. 22:24settings and systems. If you have
  686. 22:26noticed, we have been adjusting
  687. 22:27settings for a few videos now. We are
  688. 22:28still doing installations. This is not
  689. 22:29an easy task, after all. Yes, the
  690. 22:31marketing side is a separate process.
  691. 22:33Everything else is a separate process,
  692. 22:34but these tasks are not easy either, in
  693. 22:35my opinion. As you can see, we are
  694. 22:37working on them one by one. We have to
  695. 22:39deal with them. We have no choice. Now,
  696. 22:41our website doesn't really have any
  697. 22:42missing parts left. If there are any
  698. 22:44left, we will fix them anyway. I am in
  699. 22:46favor of beautifying this visual a bit.
  700. 22:48I will leave that for last, if you
  701. 22:49don't mind. I don't want to spend too
  702. 22:51much time here right now. These systems
  703. 22:53are already working. You click add to
  704. 22:55cart on this. It has already added it
  705. 22:56to the cart immediately. I think he
  706. 22:58will design the removal process from
  707. 22:59the cart. We have already given that
  708. 23:01task. He will create a world-class
  709. 23:03design there. Our frequently asked
  710. 23:04questions section is already working
  711. 23:05here. There are even more Q&As here.
  712. 23:08Our legal pages here are already ready.
  713. 23:11Our terms are here. All our pages like
  714. 23:13privacy policy, refund, returns,
  715. 23:15shipping policy, contact, imprint, and
  716. 23:17accessibility are available. Everything
  717. 23:19is now active here. We need to make
  718. 23:22this email address operational. There
  719. 23:24are many systems for this, of course. I
  720. 23:26use Google Workspace. You can also use
  721. 23:28Google Workspace; it is quite good in
  722. 23:30this regard. Cloudflare has similar
  723. 23:32services too, but since I use Google
  724. 23:35Workspace, I will activate it there.
  725. 23:37You can also use different email
  726. 23:39systems. Please do your own research as
  727. 23:40well. I think our other pages turned
  728. 23:42out very cute. I don't think we have
  729. 23:44any shortcomings. Let's take a look
  730. 23:46again. The reviews section. It would be
  731. 23:48good to replace these with real
  732. 23:49comments, of course. Let them stay for
  733. 23:51now. We are calling them sample reviews
  734. 23:52anyway. We will update them later. Keep
  735. 23:55this in mind, let's not forget. Yes.
  736. 23:56Now where have we arrived, friends? To
  737. 23:58Google Developer, I mean Webmaster
  738. 24:01Tools, sorry. In other words, Google
  739. 24:03Search Console. We click here. Now we
  740. 24:05pressed the start button. What is this?
  741. 24:07It is a necessary setting for Google to
  742. 24:09index this website, meaning to fully
  743. 24:11understand what is happening on the
  744. 24:12website, which visitor is coming from
  745. 24:14where, to measure everything, and for
  746. 24:16it to be tracked by every visitor in
  747. 24:18the world. We had done this for the
  748. 24:20Choking Rescue Devices. Now we will do
  749. 24:22it for this website as well. I am
  750. 24:24clicking add property. I am clicking
  751. 24:27add website. I am saying the domain
  752. 24:29name is watchkick.com. Add wwek. It is
  753. 24:31verifying the property. Now it will
  754. 24:33connect to Cloudflare. I am saying
  755. 24:34start verification. Cloudflare is
  756. 24:36already selected here. Since our domain
  757. 24:38is there, I am saying authorize it. If
  758. 24:40you remember, I mentioned in the first
  759. 24:41or second episode of this series that
  760. 24:43you'd be more comfortable if you bought
  761. 24:45your domain from Cloudflare. As you can
  762. 24:47see, it provides compatibility in a
  763. 24:48standard way everywhere. Ownership
  764. 24:50verified. Let's go to the property. Yes
  765. 24:52, it has been created here. Now
  766. 24:54everything is ready. All our settings
  767. 24:56are done. There isn't much left for us
  768. 24:58to do here. Google Search Console is
  769. 25:00already tracking the site now. We can
  770. 25:03just add a sitemap here. For this, I
  771. 25:05can tell Kiro the following. Create a
  772. 25:07sitemap for this website for me. I can
  773. 25:09tell it to give me the link. We will
  774. 25:11add that link here. It is also
  775. 25:12important for tracking. Now our second
  776. 25:15step is Google Analytics. We click go
  777. 25:17on Google Analytics as well. Let's jump
  778. 25:19right in. I'm clicking on the admin
  779. 25:21icon here. I click create. I click
  780. 25:23account. We write it here.
  781. 25:25Watchkick.com. We create an account
  782. 25:27here. We activate sharing for Google
  783. 25:29products and services. I prefer you
  784. 25:31select America here. Select US Dollars.
  785. 25:33Since it's an e-commerce site, it's
  786. 25:35important for us to track all sales and
  787. 25:37conversions. We will choose a category
  788. 25:39here. Required. What should we say here
  789. 25:41? Let's take a quick look below. I will
  790. 25:43choose Home and Garden. I select small
  791. 25:44business. We provide the most accurate
  792. 25:46information possible. I select the
  793. 25:47goals of increasing sales,
  794. 25:49understanding web traffic, viewing user
  795. 25:52engagement and retention rates, and
  796. 25:54generating leads. We read the
  797. 25:56agreements like this. We scroll down
  798. 25:59and accept. After accepting, Google
  799. 26:01asks where you are publishing this. On
  800. 26:02which platform? I say I'm publishing on
  801. 26:04the web. It asks for the website
  802. 26:06address, we provide it. Then we say
  803. 26:08create and continue. After creating,
  804. 26:10Google will give us a tag to measure
  805. 26:12the data here, let's click next. It
  806. 26:13will give us a tag so we can measure
  807. 26:16the data. We will be able to take this
  808. 26:18tag, copy it, and use it. Let's do this
  809. 26:20. Let's write the Google tag to Kiro
  810. 26:22immediately. I say add the Google tag
  811. 26:24and provide the tag. By the way, Kiro
  812. 26:27is doing our work right now. Even
  813. 26:29though it looks like this part has
  814. 26:30stopped, notice there is a gear icon
  815. 26:32spinning next to the workflow. I click
  816. 26:35here, look. It says Watchkick checkout
  817. 26:37redesign, so it's redesigning the
  818. 26:39checkout page. Meaning this is working.
  819. 26:41It is working in the background. This
  820. 26:42is a new feature that came to Kiro. The
  821. 26:44workflow feature. Something like this
  822. 26:46didn't exist before. It actually allows
  823. 26:47us to track our work more easily,
  824. 26:49quickly, and stably. Now I asked it to
  825. 26:52add this code. I sent it. Let it add
  826. 26:54this Google tag in the background as
  827. 26:55well. Let's go back to Google. We will
  828. 26:57say test the installation. Of course,
  829. 26:59we need to wait for it to load first.
  830. 27:01Let's have it add it right away. It
  831. 27:02said there is a risk of conflict. It
  832. 27:04said because the checkout redesign is
  833. 27:05ongoing. It says I want to put this in
  834. 27:07the queue. Meaning it says let me
  835. 27:09design the checkout page here first,
  836. 27:11then do this. Okay, it's right, but it
  837. 27:14says there is a task I need to do. It
  838. 27:16says no code required. It says to add
  839. 27:18this data to the railway variables
  840. 27:20section. Look. Next public. Let's copy
  841. 27:22it right here. I copied this. Now I
  842. 27:24will enter Railway. Now I'm clicking on
  843. 27:26this. I'm coming to Variables. I'm
  844. 27:28clicking New variable. I wrote it down.
  845. 27:31What was the other one? It was a code
  846. 27:32number that Google gave us. We copy
  847. 27:34this one too. We paste this one here as
  848. 27:36well. We click add. Is there anything
  849. 27:39else it wants us to do? Okay. There's
  850. 27:40nothing else we need to do. I'm
  851. 27:42pressing the deploy button for this. I
  852. 27:44will wait a few minutes for it to
  853. 27:46deploy. I will wait for the time to
  854. 27:48expire here. After that, the adding
  855. 27:49process to Google will be complete for
  856. 27:51us. Kiron himself says that this
  857. 27:53prevents conflicts in this way. Later,
  858. 27:55we will come here; let me show you
  859. 27:57immediately. We will press test setup
  860. 27:59on the Analytics page. Uh, then we need
  861. 28:01to see that it's working. I want us to
  862. 28:03move on to marketing after this video,
  863. 28:05looking forward. Uh, in the next
  864. 28:08episode, it will be extremely important
  865. 28:10while placing ads and setting up our
  866. 28:11marketing. Oh, and I can suggest one
  867. 28:13more thing. If you are going to run
  868. 28:15Facebook or Instagram ads, for example,
  869. 28:18pixel setup will be required to run
  870. 28:20those ads. It is necessary to install
  871. 28:21pixels. Uh, this is also important, but
  872. 28:23I won't rush to that side right now. I
  873. 28:25plan to continue using only Google ads.
  874. 28:28We can still use influencer ads. We'll
  875. 28:31work on those, but for now, what we
  876. 28:32need to do is make our basic Google
  877. 28:34settings here. Let's see, is it
  878. 28:36finished? Let's check it right away.
  879. 28:37Yes, almost there. After finishing this
  880. 28:39, it will become functional. Yes, after
  881. 28:42this, what did we do today? We fully
  882. 28:44set up Stripe. We set up the webhooks.
  883. 28:46We set up the Google sides. We fixed
  884. 28:48the shortcomings of our website. The
  885. 28:49checkout is already ongoing right now.
  886. 28:51What kind of page will checkout be? How
  887. 28:53will it look? How will we give that
  888. 28:55purchase page a good look? We'll look
  889. 28:57at those in the next episode. In the
  890. 28:59next episode, I think the part that is
  891. 29:01very valuable is the transition to
  892. 29:02marketing. Uh, we will prepare ad
  893. 29:04visuals, we will prepare videos. Uh, we
  894. 29:07will push all the buttons to reach as
  895. 29:09many people as possible with this
  896. 29:10product. I actually want us to create
  897. 29:13videos on TikTok and spread these
  898. 29:15videos from our TikTok page. Shopping
  899. 29:17in America is mostly done more on
  900. 29:19TikTok. I mean, Instagram and Facebook
  901. 29:21aren't used that much, like, extremely
  902. 29:23for these things. In America, in Canada
  903. 29:25, and likewise in Europe, very good ads
  904. 29:27are running through TikTok. I think we
  905. 29:29can prepare content and videos that we
  906. 29:31can make viral there. I have great
  907. 29:33ideas for the videos. Of course, all of
  908. 29:34these probably won't fit into a single
  909. 29:36video, but I'm talking about us
  910. 29:37actually doing these in the later
  911. 29:39episodes. We will do everything. We
  912. 29:40will work very hard. We will work a lot
  913. 29:42. We will achieve this together and, as
  914. 29:44I told you, we will reach the 20
  915. 29:45million dollar goal together. Now, we
  916. 29:47have training sessions, my friends. I
  917. 29:49want to mention that too. I'm talking
  918. 29:50about training that you can attend for
  919. 29:52free, without paying any money, and
  920. 29:53that you can have face-to-face with me.
  921. 29:55It will be in a classroom setting.
  922. 29:56Those who wish will come to our
  923. 29:57training hall in Istanbul Maltepe in
  924. 29:59such a classroom environment. They will
  925. 30:00be able to receive face-to-face
  926. 30:01training. Those who wish to can join
  927. 30:03the training online, even if you are
  928. 30:05far away. We have a form. I am sharing
  929. 30:08the link to that form both in the
  930. 30:09comments section and the description
  931. 30:10box below this video. I would like you
  932. 30:12to fill out that form to apply for the
  933. 30:14training. Uh, another thing that is
  934. 30:15very important to me is this. For you
  935. 30:16to leave a comment on this video. Why?
  936. 30:18I specifically prioritize the forms of
  937. 30:21those who leave a comment on this video
  938. 30:23. Uh, and I process them with priority.
  939. 30:26Naturally, you will understand that I
  940. 30:27cannot invite everyone who fills out
  941. 30:29the form to the training for free. We
  942. 30:31will only be able to invite those whose
  943. 30:33information on the form fits our
  944. 30:34criteria. Uh, what does this mean? I
  945. 30:37honestly want to invite those who are
  946. 30:39truly passionate about this and can
  947. 30:41convince me that their goal and purpose
  948. 30:43is truly e-commerce to this training
  949. 30:45for free. So, don't forget to fill out
  950. 30:48the form. But before that, make sure to
  951. 30:50leave a comment under the video so that
  952. 30:52I can prioritize your form. Yes, see
  953. 30:54you in the next episode. As you can see
  954. 30:56, the work is very intense. Extremely
  955. 30:58intense. We have a lot of work to do.
  956. 30:59We really have a lot to do, but we are
  957. 31:01walking towards the goal together and
  958. 31:03we will succeed together. See you in
  959. 31:04the next episode. Take care of
  960. 31:05yourselves. Goodbye.

About this transcript

This page contains the full transcript of Yapay Zekâyla Kurduğum E-Ticaret Sitesine Ödeme Sistemi Ekledim! | Bölüm 5 by Tuger Akkaya, generated from the public captions YouTube serves with the video. The transcript has 6,614 words across 960 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to choose a caption track available on the video.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, caption language selection, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.