- 38 minutes ago
Category
🦄
CreativityTranscript
00:00để tạo form dynamic
00:02thì ở trong mục dynamic ở đây
00:03ví dụ ở đây mình có 1 cái form mới đi
00:06mình sẽ kiếm 1 cái form
00:08làm ví dụ
00:09ví dụ như form này
00:12ví dụ như form này là 1 form làm ví dụ đi ha
00:14mình sẽ lấy cái trường ở trên thôi
00:16từ đây bớt xuống mình tạo bỏ
00:20vậy thì giả sử mình sử dụng cái form này
00:24thì mình có thể tạo mới ở đây ha
00:25rồi bây giờ mình nhấn vào tạo mới xong
00:27thì nó sẽ ra cái form này
00:29đầu tiên mình cần hình dung rằng
00:31cái form này nó sẽ có 3 thành phần
00:33thứ nhất là phần header
00:35thứ 2 là phần body ở giữa
00:37và thứ 3 là cái phần vector
00:39nó sẽ có thể chứa 1 cái nút 1 hoặc vài nút
00:42để mình có thể làm các hành động như là
00:44submit hoặc là chuyển
00:45thì nó nằm ở phía dưới chân trang
00:47rồi vậy thì đầu tiên là mình sẽ cần
00:51chỉnh sửa cái header 1 chút xíu
00:53mình có thể để lại cái tên của nó
00:55mình có thể thêm các icon
00:58tên logo để điều hướng
00:59ví dụ như là bách về này
01:01hoặc là mình muốn về 1 cái link nào đó cụ thể
01:04ví dụ như là 1 trang nào đó trên
01:07mini app hoặc là liên kết với 1 cái
01:09dynamic khác tùy mình ha
01:11tức là dynamic thực ra nó có thể chạy bòm bòm
01:13với nhau á
01:13nó có thể liên kết nhiều cái lại với nhau
01:15tức là open webview được nha
01:17tuy nhiên ở đây mình hạn chế sử dụng các webview
01:19ra khỏi mini app và Zalo
01:21OA
01:23ví dụ như website, fanpage
01:24thực ra là làm thì vẫn được
01:25nhưng mà cái này chính sách của Zalo là không cho phép
01:28cho nên là mình hạn chế
01:30bởi vì nếu mà mình bị check cái đó
01:33thì thực ra là team sẽ không chịu trách nhiệm
01:36cái phần đấy
01:37rồi
01:38thì quay trở lại cái phần này
01:39sau khi mình có các cái icon này xong ha
01:42mình có thể thiết lập màu cho nó
01:46thiết lập cái
01:48mà gọi là cái border cho nó
01:50rồi
01:51hoặc là mình có thể xóa cái màu ấy đi
01:53nếu mà mình xóa cái này đi
01:54đồng nghĩa với việc mình sẽ xóa cái header đi
01:55cái header thì nó sẽ luôn đứng ở đó
01:57cho dù mình có kéo cuộn cái trang lên bao nhiêu
02:00ví dụ cái trang rất là dài đi ha
02:01thì mình cuộn thì cái header nó vẫn đứng ở đó
02:03nhưng nếu mình xóa cái body thì coi như là
02:05nó sẽ mất cái phần header đi
02:06vậy thì ở cái ở trên cùng á
02:08nó sẽ mình cuộn là nó sẽ bị mất
02:12mình lưu ý ha
02:14rồi thì thực ra như vậy là xong phần header rồi
02:17cái header này mình có thể làm nó gọi là ghê hơi một xíu
02:20tức là trong header mình có thể chứa thêm các cái thành phần
02:24nhưng mà ở giai đoạn cơ bản thì thực ra mình chỉ cần chèn một cái
02:29tách vào như vậy là ok rồi
02:30và thêm một hai cái nút để có thể chuyển hướng khách
02:32nếu như khách người ta muốn back lại hoặc là ra ngoài trang chủ
02:35vậy là xong phần header ha
02:36rồi tiếp theo đó là phần về body
02:38phần về body này á
02:41thường là mình sẽ nhét hết tất cả vào ít nhất là trong một cái block
02:45tại vì sao mình đẩy vào trong một cái block
02:47thì mình có thể điều chỉnh cái block nó thuộc vào lề vào hay là như thế nào đó
02:51thì nó cũng sẽ dễ điều chỉnh hơn
02:53còn nếu mà mình cho nó ra khỏi cái block luôn á
02:55thì thực ra cũng được nhưng mà nó sẽ sát cái lề quá
02:59ví dụ như thế này
03:00mình cho đây một cái nội dung đi ha
03:03mình kéo nó ra khỏi cái block
03:05thì thực ra nó sẽ rất là sát lề
03:06mình sẽ không thể điều chỉnh nó được
03:08mình chỉ cần căn giữa căn trái căn phải thôi
03:09chứ mình không thể kéo nó xỉn vào một xíu được
03:12cho nên thường là mình sẽ nhét nó vào trong một cái block
03:14đó
03:15và block trước block trước block vẫn được nha
03:18đó
03:18ví dụ như ở đây
03:20quay trở lại với cái ví dụ bên đây
03:22ở đây mình thấy rằng nó có chữ đăng ký khám ha
03:24mình làm cái đăng ký khám trước
03:30cái header này mình tạm để như vậy đi ha
03:32mình sẽ quay qua phần nội họ tên và số điện thoại
03:35ở đây á
03:40đây đầu tiên ở trong cái block này mình tạo ra giúp em một cái block trước
03:44rồi và trong cái block này mình sẽ chứa 2 thành phần họ tên và số điện thoại
03:47vậy thì đầu tiên mình cần hình dung mà hai cái này
03:50nó nằm trên cùng một cái block này
03:51block này chia làm 2 cột
03:53vậy thì đầu tiên mình cần chia cái block làm 2 cột đúng không
03:55và thứ hai là cái họ và tên và số điện thoại này thì là
03:58thành phần có
04:00xác thực
04:01tức là nó sẽ luôn luôn lấy theo tên và số điện thoại của
04:04user
04:06chứ nó không có cho khách hàng tự phiêu vào
04:08vậy thì đầu tiên là chia cột ha
04:10chia ra làm 2 cái cột
04:11mình có thể kéo để cho nó điều chỉnh kỹ thuốc cột
04:14nhưng mà thường với cái này thì nó là đều nhau
04:17rồi ở đây mình sẽ nhét vào đây một cái họ và tên
04:20và ở đây mình nhét vào đây một cái số điện thoại
04:22ok chạm
04:23rồi
04:24vậy bây giờ cái block này mình thấy nó xấu quá
04:28mình thấy nó hơi xấu ha
04:29ví dụ như ở đây
04:30mình sẽ cho nó full cái block này ra
04:34ok
04:35full block này ra rồi ha
04:37rồi cái block bên trong này
04:39vì nó trùng màu luôn rồi
04:41cho nên mình cũng không cần thiết phải làm gì cả
04:442 cái này là 2 cái mặc định này
04:45cố định này
04:46rồi là kiểu thông số đã được setup trước
04:48còn ví dụ mình muốn điều chỉnh tất cả các thông số
04:51thì mình sẽ điều chỉnh ở đây ha
04:52thuộc lề trái thuộc lề phải ở
04:54chừa trên chừa dưới rồi là bên trong nữa ha
04:56đấy
04:59rồi thì ở phần này
05:00mình thấy 2 cái này nó hơi sát nhau không
05:02vậy thì mình quay vào cái block chứa 2 thành phần đó
05:04mình cho cái khoảng cách nó xa ra 1 xíu
05:08ok
05:09vậy là xong cái phần block ha
05:10và cái block này mình cũng có thể chỉnh màu cho chính nó
05:14rồi là chỉnh border cho chính nó
05:17nếu mà mình muốn
05:18thì như vậy là đã xong 1 cái phần này nè
05:21rồi
05:22tiếp theo là qua phần email
05:23email thì mình thấy rằng nó không còn thuộc cái block nữa rồi
05:28mình chọn vào cái block cha chứa cái block con này
05:30mình thêm cho nó 1 cái block
05:33thì có phải là nó sẽ xuống cái block ở bên cạnh không ạ
05:35còn nếu mà mình chọn ở đây thì nó sẽ
05:37nếu mà mình chọn đây và mình thêm block á
05:39thì nó sẽ tiểu thành block con của thằng này
05:42vậy thì mình nên chọn thằng này
05:44đó
05:44để nó sinh ra block 2 ở đây ha
05:46rồi sau khi có block 2
05:49mình sẽ hiểu rằng email là điền cái gì
05:51email thì mình sẽ điền cho nó 1 cái đoạn hoàn bản ngắn
05:54ha
05:54thì mình sẽ chọn hoàn bản ngắn vào đây và mình chỉnh sửa lại
05:56đây là email
05:58cái block này mình cũng có thể chỉnh về như thế này
06:00hoặc
06:02ok ha
06:03rồi
06:04đây mình để lại email
06:09và ở đây có các cái thành phần như là bắt buộc
06:11thì nếu mà mình tích vào thì khách hàng bắt buộc phải điền
06:14thì khách hàng mới có thể nhấn nút submit ở cuối cùng được
06:16còn nếu không thì họ cũng có thể bỏ qua
06:19rồi tiếp theo
06:21phường thành phố và địa chỉ
06:22thì ở đây
06:24mình có thể nhân bản cái block này lên
06:26rồi và mình xóa cái thành phần này đi
06:28để khỏi về setup lại cái block á
06:30rồi và sau đó là mình
06:32ví dụ những cái block mà mình phải cài đặt các cái thông số ở bên trong
06:35khá là phức tạp
06:35và vẹt định vaccine
06:36mình cài đặt rất là ghê
06:39kiểu mất thời gian á
06:40rồi là khoảng cách rồi là
06:44radius này kia
06:45mình cài rất là nhiều thứ
06:46mà mình lại đi tạo một cái block khác
06:48và sau đó chỉnh lại thì thực ra là hơi mất công
06:50mình có thể nhân bản cái block đó lên
06:51và sau đó mình xóa cái thành phần bên trong đi
06:53và mình thêm các cái thành phần khác vào là được
06:55thì chỗ này nó sẽ là địa chỉ ha
06:58địa chỉ thì mình sẽ chọn cái
07:01cái này
07:08ừ ừ
07:12ừ ừ
07:13ừ
07:14ừ
07:14ừ
07:16ừ
07:16ừ
07:17ừ
07:17ừ
07:20ừ
07:21mỗi một thành phần như thế này thì nó sẽ có
07:26các cái setup
07:28ví dụ như địa chỉ thì nó được setup cứng như thế này rồi hả
07:30thì mình có thể chọn như thế này
07:32đấy
07:32thì nó sẽ theo địa chỉ
07:34mới nhỉ
07:35địa chỉ sau xác nhập nhé
07:37ừ
07:39ừ
07:39rồi
07:40còn ví dụ ví dụ ở đây
07:42như vậy thì mình cũng đã hiểu được về cơ bản
07:44về cách setup các thành phần ở đây em sẽ giới thiệu một lượt
07:46các tất cả các thành phần đi qua
07:48ví dụ như là block này thì cái này mình biết rồi
07:50tiêu đề thì nó sẽ là dành cho các ví dụ như
07:54mình ở đây mình có một cái tiêu đề này
07:55mình có thể sử dụng cái tiêu đề này để có thể dễ
07:58mình có thể dàng điều chỉnh kích thước chữ
07:59rồi là màu sắc
08:01nội dung thì nó dành cho một việc là mình viết
08:03một cái thông tin gì đó nó dài hơn ha
08:06các cái icon
08:08icon
08:08icon thì ở đây có sẵn icon rồi hoặc là mình có thể tải
08:10icon lên
08:12tiếp theo là
08:13hình ảnh
08:15hình ảnh thì mình có thể tải các hình ảnh
08:17slide banner thì nó sẽ mình có thể chèn nhiều hình ảnh
08:19và nó sẽ trượt qua
08:20trái qua phải và sau đó là hết thì nó sẽ trượt ngược lại
08:23cái đếm ngược này thì thực ra nó là dành cho một vài cái trường hợp
08:28khá là
08:30ít
08:30khá là ít trường hợp
08:31ví dụ như là
08:32flat cell nó có một cái đồng hồ đếm ngược thì có phải là nó sẽ có một cái
08:35thông số đếm ngược đây đúng không ạ
08:36các cái collection và dữ liệu hiển thị này nó dành cho một nâng cao
08:40cái này thường khi nào mà đụng đến á
08:42thì em sẽ hướng dẫn riêng
08:44nó dành cho kiểu là lấy biến dữ liệu để nó đẩy lên
08:48theo một cái bảng data nào đó
08:50cái này nó hơi phức tạp nhẹ một tí
08:52cái xác thực số điện thoại hai cái này thì em chia sẻ mình rồi
08:55cái số điện thoại chỗ này và cái văn bản ngắn chỗ này
08:57thực ra nó có thể thay thế cho cái này
08:59và thay thế cho cái này
09:00tuy nhiên hai cái thành phần này là khách hàng sẽ điền
09:03và người ta điền thì nó có thể là điền sai hoặc là bỏ trống
09:06nếu mình bật là bắt buộc phải điền thì người ta bắt buộc điền
09:09nhưng mà người ta có thể điền sai
09:10còn hai cái này là nó tự động nó lấy
09:13theo cái nó sẽ hiện cái bóp bắp
09:14khi mà mình bật hai cái thành phần này nè
09:18thì ở trong phần cài đặt chỗ này này
09:20mình bắt buộc phải bật cái quyền
09:22xác thực số điện thoại nhé
09:23thì nó mới lấy được hai trường thông tin đó
09:25còn cái quyền quan tâm này thì thực ra là mình bật thì
09:28khách hàng người ta sẽ quan tâm hoa thôi
09:29chứ nó không ảnh hưởng gì đến nội dung bên trong form cả
09:34tiếp theo
09:39số
09:40văn bản dài thì nó sẽ có thể nhập một đoạn văn dạng
09:43văn bản dài hơn cái này
09:44nó cũng hơi giống
09:47nội dung là mình sẽ nhập vào và khách không phải nhập nha
09:50còn văn bản ngắn văn bản dài là khách sẽ phải nhập
09:52ví dụ như cái này này gọi là một văn bản ngắn
09:56để tiếp theo
09:58số thì khách hàng sẽ bắt buộc phải nhập số
10:00nó giống như kiểu văn bản ngắn văn bản dài nhưng mà khách sẽ nhập số thôi
10:03và mình có thể quy ước cái số đó cho một khoảng mà mình giá trị mà mình cho phép
10:06hình ảnh ví dụ từ 1 đến 1 nghìn
10:08số tiền thì nó sẽ bị đơn tiền thêm ảnh thì tức là khách sẽ có thể
10:13input ảnh từ dưới máy của khách lên
10:15ví dụ như là
10:17đánh giá sản phẩm này
10:18thì có phải là khách sẽ đưa các hình ảnh đánh giá trong điện thoại của khách lên đúng không
10:21ạ
10:22địa chỉ thì em vừa chia sẻ rồi
10:23trách nhiệm thì nó dành cho cái kiểu như
10:26cái này là hộp số
10:27ví dụ trách nhiệm ở đây ha
10:28đây mình chọn trách nhiệm này
10:41đây ví dụ như thế này
10:43mình vừa mới đưa ra 3 cái sự lựa chọn của một cái trách nhiệm
10:46đúng không ạ
10:47rồi và mình cũng có thể lựa chọn cái dạng nó khác đi một tí
10:51tùy mình
10:53mình có thể nhập từng cái hoặc như em vừa làm đó là mình sẽ nhập hàng loạt ha
10:56sáu trộn nó lên tùy ha
10:58theo có một cái thành phần nữa hai cái thành phần
11:00cũng khá là giống đó là hộp chọn
11:01hộp chọn thì mình sẽ chọn được nhiều
11:03trách nhiệm thì mình chỉ chọn 1 ha hộp chọn thì chọn được nhiều
11:06còn số danh sách thì nó giống như trách nhiệm
11:09nhưng mà thay vì là cái dạng trách nhiệm nó liệt kê cái sách list ra ngoài
11:13thì số danh sách nó sẽ nằm ở bên trong
11:16đây
11:24mình thấy không ạ
11:25nó sẽ nằm ở bên trong
11:26và nhấn vào đây thì nó sổ ra
11:27ví dụ như trách nhiệm thì nó phù hợp với những cái mà kiểu ít sự lựa chọn
11:31chứ ví dụ mà mình có tầm 64 tỉnh thành thì làm sao mà nó sổ ra hết được
11:36cái list của mình nó sẽ rất là dài
11:38rồi tiếp theo
11:39đánh giá sao thì nó sẽ hiện các cái sao ra đây cho mình đánh giá
11:44ngày giờ thì mình có thể lựa chọn
11:46các kiểu ngày giờ
11:47ví dụ chỉ ngày thôi ngày giờ phút luôn
11:50hoặc là tậm chí cả giây nữa
11:52tùy vào mục đích sử dụng
11:55lịch thì nó sẽ hiện ra
11:561 cái lịch như thế này
11:57còn ngày giờ thì nó sẽ hiện như thế này
12:02ok
12:04thường thì cái này nó sẽ áp dụng cho
12:05trường hợp là booking
12:07còn ngày giờ như thế này thì nó sẽ sử dụng cho để điền 1 cái gì đó
12:12các cái button
12:13ví dụ như lúc đầu em có chia sẻ với mình là chỗ đây có 1 cái nút hành động
12:16này
12:16cài đặt nút hành động là mình sẽ vào chỗ cài đặt ở đây
12:18và mình thêm nút hành động ha
12:20và ở đây mình có thể cài đặt các cái màu sắc hữu đạo của trang
12:25khi mà mình vừa mới tạo 1 form mới á
12:26mình nhớ chọn cái này nha
12:28để cái
12:31cái phần body á
12:32nó thụt xuống 1 xíu
12:34nếu mà mình thấy cái phần body và cái phần header nó đang bị che á
12:36thì mình nhớ chọn lại cái vị trí chỗ này
12:38là được
12:40rồi
12:41cái chỗ màu sắc chủ đạo của trang thì mình cũng chọn ở đây ha
12:43nút hành động ở đây
12:44nút ở đây thì mình nhớ là nếu mà muốn khách submit thì mình phải chọn submit form
12:49sau đó là sau khi khách submit form
12:50nếu mà mình không chọn cái gì thì khách
12:51người ta submit form nó chỉ báo là thành công và nó đứng im ở đây
12:54vậy thì mình nên liên kết nó đến 1 cái trang nào đó
12:56ví dụ mình tạo thêm 1 cái trang nữa ở đây
12:59mình tạo thêm 1 cái trang thứ 2 ha
13:01là cảm ơn chẳng hạn
13:02thì bạn hay là chúc mừng bạn đã
13:04điền thành công hay là cảm ơn gì đó
13:06thì có phải là mình sẽ liên kết nó đến cái trang thứ 2
13:08hoặc là đơn giản chỉ đơn giản hơn là
13:10cho khách hàng về trang chủ mini app hoặc là
13:12Zalo ai gì đâu đó
13:13để tránh khách hàng người ta phải
13:18để tránh khách hàng người ta phải đứng lại ở đây ha
13:23rồi tiếp theo
13:24ở đây có 1 vài cái nữa
13:25ví dụ Quantum OA là cái thành phần mà mình bật lên
13:27thì khách hàng người ta có thể quan tâm ngay trong cái form này luôn
13:30bút tình thì nó giống như cái này
13:31nhưng mà nó nằm ở trong body
13:32bút tình sẽ không submit được nha
13:34bút tình là giống như kiểu mình chèm 1 cái link gì đó
13:36để khách hàng người ta có thể chuyển hướng
13:38ví dụ qua trang 2
13:39ví dụ trang 1
13:40mình chỉ ra ra thông tin thôi
13:41khách hàng đọc xong
13:42mình muốn khách hàng qua trang 2 để điền form
13:44thì mình chuyển hướng khách hàng qua trang 2
13:46đó
13:47thực ra cái nút này cũng làm được điều đó nha
13:50rồi tiếp theo
13:51các tin tức, các ứng đáy và các sản phẩm
13:53thì 3 cái này nó liên quan
13:54mình gắn 1 cái nhóm sản phẩm hay
13:56tin tức gì đó vào đây
13:58lôi từ trong dữ liệu mini app ra
14:00rồi chỉ đơn giản như vậy thôi là
14:01mình đã setup xong cái phần layout ha
14:02sau khi xong phần layout
14:04thì mình có 1 cái layout ứng ý rồi
14:05thì mình sẽ đến với phần là
14:07làm sao để user có thể truy cập vào cái form đó
14:09thì rõ ràng
14:10mình đã cần 1 cái truy cập ở đây
14:13đó
14:13trước hết là mình phải kích hoạt cái form đó trước đã
14:15khi mình kích hoạt á
14:17nó sẽ không cho đâu
14:18bởi vì là
14:18mình hiểu rằng cái form á
14:19khách hàng điền form
14:20thì có phải data nó sẽ đẩy xuống
14:221 cái bảng data hub liên kết đúng không
14:23vậy thì đầu tiên mình phải qua phần cài đặt
14:26mình qua cái phần data hub ở đây
14:28và mình chọn 1 cái data hub nào đó để liên kết
14:30sau khi liên kết với cái data hub á
14:32mình phải chọn liên kết đến cái bảng nào
14:33nó giống như google form
14:35liên kết đến 1 cái file google sheet
14:37vậy thì phải liên kết đến cái bảng
14:38cái sheet nào trong cái file google sheet đó
14:40thì mình sẽ qua phần layout
14:42phần cài đặt ở đây
14:42và mình liên kết đến cái bảng đó 1 lần nữa
14:45tức là
14:45trong phần cài đặt
14:46liên kết chỗ này này
14:47thì là liên kết đến cái phần tra
14:49coi cái file nào
14:51còn cái này thì sẽ liên kết đến
14:52cái phần bảng con bên trong
14:54sau khi liên kết xong
14:55thì mình sẽ kích hoạt được cái form này
14:56và mình nhớ để ý cái trạng thái hoạt động ở đây
14:58rồi tiếp theo là qua phần truy cập
15:00truy cập thì mình tạo ra 1 cái mã truy cập ở đây là xong
15:02và sau đó mình có thể sử dụng cái link này
15:04và cái QR này để mình có thể truy cập vào cái form này
15:06sau khi submit form xong á
15:07thì data nó sẽ đổ về cái bảng data ở chỗ này
15:10một vài trường hợp nó sẽ còn liên quan đến cái phần flow nữa
15:13ví dụ như là user chỉ được phép điền 1 lần
15:15lần sau vào điền thì sẽ kích user đó ra chẳng hạn
15:19thì nó sẽ liên quan đến một vài cái flow ha
15:21rồi
15:21nó là
15:21thế
15:22Hãy subscribe cho kênh La La School Để không bỏ lỡ những video hấp dẫn
Comments