Membuat Fitur PAYMENT GATEWAY (Midtrans) untuk Website KEDAI KOPI | Part 5 | NGOBAR#44

Updated: November 18, 2024

Web Programming UNPAS


Summary

The video provides a comprehensive tutorial on enhancing a coffee shop website by integrating features like adding products to a shopping cart and implementing customer data validation for checkout. It introduces Mitrans as a financial technology company offering services like payment gateways, disbursement, and fraud detection. Detailed demonstrations on utilizing Mitrans' payment gateway features, such as payment links and Snap payments, are showcased alongside setting up Snap integration and creating PHP scripts for transaction handling. The tutorial also covers optimizing customer messaging and navigating through the dashboard for managing payment links efficiently.


Pembukaan

Pembukaan video dengan ucapan selamat datang dan pengantar tentang melanjutkan ngoding website kedai kopi.

Hasil Akhir Website

Penjelasan mengenai hasil akhir website yang akan dibuat dan fitur-fitur yang ada, seperti menambahkan produk ke keranjang belanja.

Custom Data Customer

Penambahan validasi data customer agar tombol checkout hanya bisa diklik setelah semua data terisi dengan baik.

Sponsorship

Penyebutan sponsor video, yaitu mitrans, perusahaan finansial berbasis teknologi yang menyediakan layanan payment Gateway, disbursement, dan fraud detection.

Payment Gateway

Penjelasan tentang fitur payment Gateway dari mitrans dan cara penggunaannya melalui dua metode: payment link dan snap payment.

Registrasi di Mitrans

Proses registrasi di mitrans.com untuk menggunakan fitur payment Gateway.

Fitur Payment Link

Panduan penggunaan fitur payment link tanpa perlu coding, dengan contoh penerapannya untuk pembayaran.

Fitur Snap Payment

Penjelasan dan implementasi fitur snap payment untuk pembayaran otomatis di website.

Validasi Form Checkout

Demonstrasi validasi form checkout agar tombol checkout hanya aktif jika semua data terisi dengan benar.

Format Pesan Whatsapp

Penyusunan format pesan Whatsapp berisi informasi customer dan barang yang akan dikirim setelah checkout.

Introduction to Message and Encoding

Introduction to sending messages and encoding them using encodeUri component to automatically translate spaces to %20 and enters to symbols.

Robusta and Arabica Blend Purchase

Demonstration of the purchase of Robusta and Arabica Blend coffee, filling in personal information, checking out, and sending a message.

Error in Name Field

Identifying an error in the name field, correcting it by sending the name field correctly, and ensuring the data entry is accurate.

Creating Payment Links

Demonstration of creating payment links based on the provided data and navigating through the dashboard to add new payment links.

Introduction to Snap Feature

Introduction to the Snap feature for integrating payment pages into websites, exploring documentation, and types of Snap implementations.

Snap Integration Options

Exploring Snap integration options such as Pop-Up and Snap Embedded, highlighting differences and benefits of each method for website integration.

Setting Up Snap Integration

Detailed guide on setting up Snap integration, obtaining server keys, order ID, gross amount, and transitioning from sandbox to production URLs.

Writing PHP Code for Snap Transaction

Creating a PHP script for handling Snap transactions, including obtaining server keys, order ID, gross amount, and setting up the PHP file for Snap payment transactions.

Fetching Transaction Token

Fetching transaction tokens using PHP script, configuring backend settings, and integrating the script with the application for transaction processing.


FAQ

Q: What is the purpose of the video mentioned in the file?

A: The purpose of the video is to introduce and provide an overview of continuing website development for a coffee shop, including features like adding products to a shopping cart and customer data validation for checkout.

Q: Who is the sponsor of the video mentioned in the file?

A: The sponsor of the video is mitrans, a technology-based financial company providing services like payment Gateway, disbursement, and fraud detection.

Q: What are the two methods explained for using mitrans' payment Gateway?

A: The two methods explained are payment link and snap payment for seamless transaction processing.

Q: How can a user utilize the feature of payment link without coding?

A: A user can utilize the payment link feature without coding by following a guide and implementing it for easy payments.

Q: What is the purpose of the Snap feature in payment processing?

A: The Snap feature is used to integrate payment pages into websites, allowing for smooth and secure transactions.

Q: What are the key components required for setting up Snap integration?

A: The key components required are server keys, order ID, gross amount, and transitioning from sandbox to production URLs for live transactions.

Q: How can a PHP script be utilized for handling Snap transactions?

A: A PHP script can be used to handle Snap transactions by fetching transaction tokens and integrating with the application for processing payments.

Logo

Get your own AI Agent Today

Thousands of businesses worldwide are using Chaindesk Generative AI platform.
Don't get left behind - start building your own custom AI chatbot now!