SCC / Sales Page / Pelajaran 12
Template Figma + Onpay
Ikuti demonstrasi salinan-ke-reka bentuk-ke-OnPay yang dirakam semasa memeriksa klaimnya.
Nota belajar dalam BM · Kandungan daripada pelajaran Coach Adib
Rakaman ini mengulangi demonstrasi Figma KIPTO-to-OnPay yang juga dikatalogkan sebagai Laman Web Asas Onpay. Ia merangkumi import templat, draf salinan kucing-vitamin AI, tiga peringkat kerja, muat naik bahagian imej dan penyesuaian bantalan kaki.
Berasaskan draf BM; semakan bahasa dan maksud penuh masih belum selesai.
Lihat hubungan topik dahulu
Template Figma + Onpay
Peta ini menunjukkan susunan konsep dalam pelajaran. Klik topik untuk huraian serta bingkai sumbernya.
Fahami satu konsep pada satu masa
Setiap bingkai dikekalkan daripada rakaman asal. Klik imej untuk membukanya pada saiz asal.
Memimport templat dan struktur halaman
Demonstrasi mengimport Template Sales Page V2.0 ke dalam projek Figma, membukanya dan mengedit aliran mudah alih yang mudah. Coach Adib menyebut pautan fail di bawah pelajaran, tetapi pengekstrakan ini tidak memperoleh atau mengesahkan aset penyuntingan yang berasingan. Tangkapan skrin mengekalkan apa yang ditunjukkan.
KIPTO adalah label templat yang dipaparkan. Aliran ini bermula dengan tajuk kepercayaan / hype yang tebal, tajuk kecil yang menyokong, imej bukti dan penjelasan, kemudian pengenalan produk, penerangan satu baris dan USP, bahan kepercayaan lanjut, dan tawaran dengan harga / ringkasan / CTA. Rangka kerja yang lebih pendek dikembangkan lebih lanjut dalam pelajaran templat.
Pengurangan gula darah dan contoh ekstrak ikan dua minggu adalah salinan hipotetik, bukan bukti klinikal. Menamakan sesuatu yang berani tidak membuktikan kebenarannya. Gambar mesti menyokong tuntutan sebenar dan bukannya mewujudkan penampilan bukti.
Sumber tidak pasti sama ada import projek Figma adalah percuma atau terhad kepada tiga fail. Itu bukan peraturan rancangan semasa yang disahkan.
PERKARA YANG PERLU DIINGAT
- Dapatkan templat sebenar secara berasingan jika perlu.
- Periksa bukti sebelum menulis tuntutan yang kuat.

Eksport dan AI draf salinan
Coach Adib mengelompokkan item untuk eksport PNG, menyebut resolusi 2x, kemudian mengeksport keseluruhan bingkai sebagai PDF untuk arahan AI. Tuntutan meminta perkataan halaman vitamin kucing mengikut templat yang dilampirkan. Ini adalah langkah-langkah aliran kerja yang direkodkan, bukan jaminan antara muka semasa.
Hasilnya termasuk #1, cadangan doktor haiwan, lima ribu pemilik dan perubahan empat belas hari. Tiada yang dibuktikan oleh ringkasan yang disediakan. Narasi juga melihat cadangan doktor yang dinamakan dan bertanya sama ada ia dicipta.
Salinannya dilekatkan ke dalam templat, diperpendek jika terlalu panjang dan diperiksa untuk saiz yang boleh dibaca. Pelajaran ini menunjukkan penyusunan, bukan pengesahan: pengesahan, bilangan pelanggan, kelajuan hasil dan tuntutan perumusan memerlukan sokongan sebenar sebelum penerbitan.
PERKARA YANG PERLU DIINGAT
- Perlakukan AI sebagai draf.
- Hapuskan fakta yang dicipta dan sokongan yang tidak disokong.

Jauhkan tiga peringkat kerja
Pertama tulis salinan dalam struktur hitam dan putih yang biasa. Kemudian tiru dan masukkan gambar / video yang relevan, periksa sama ada bukti yang diperlukan ada. Akhirnya membangunkan reka bentuk visual dalam versi yang berasingan.
Coach Adib menyemak semula labelnya dari kandungan / visual / draf pertama hingga penulisan salinan, penyisipan imej dan reka bentuk. Matlamatnya adalah untuk mengelakkan menggilap sebelum memutuskan apa yang harus dikatakan dan ditunjukkan halaman. Simpan draf terdahulu supaya penalaran dapat dikaji semula.
PERKARA YANG PERLU DIINGAT
- Menyelesaikan kandungan dan bukti sebelum muncul.

Borang OnPay dan penyisipan imej
Langkah-langkah yang direkodkan membuat borang dengan kod, tajuk dan produk yang dipilih, simpan, kemudian buka semula untuk mengedit. Tab kedua digunakan untuk memuat naik imej melalui senarai imej. Kod SC05 dan Parfume Raudah adalah nilai demonstrasi, bukan produk vitamin kucing yang sebenarnya dilancarkan.
Coach Adib tangkapan skrin bahagian halaman dan bukannya mengeksport bingkai bersih, memuat naik mereka secara individu, menyegarkan dan memasukkan imej dalam urutan ke dalam kawasan teks borang. Dia menyimpan dan memeriksa pandangan mudah alih. Eksport bingkai yang lebih bersih disebut sebagai alternatif yang lebih baik.
Pembinaan berasaskan imej ini menunjukkan pintasan visual. Ia tidak mewujudkan teks yang boleh diakses, penanda aras carian, prestasi memuat, kebolehbacaan responsif atau checkout berfungsi untuk setiap peranti. Kualiti itu tidak disahkan oleh rakaman sahaja.
PERKARA YANG PERLU DIINGAT
- Simpan susunan bahagian dan periksa hasil mudah alih.
- Semak produk sebenar dan susunan pembayaran.

Penyesuaian padding dan batasan sumber
Sumber menerangkan menyalin skrip berasingan yang disertakan ke dalam kod tambahan di kaki, menyimpan dan menyegarkan untuk membuang pembungkus putih. Aksara penuh tidak ditranskripkan dengan jelas atau diperoleh secara bebas di sini, jadi tidak ada kod yang tepat yang dicipta dalam nota ini.
Rakaman menunjukkan hasil visual, bukan resipi integrasi yang disahkan semasa. Ia merujuk penonton kepada OnPay untuk butiran khusus produk yang lebih mendalam. Ekstrak ini tidak mendaftar, mengubah atau menerbitkan laman web pengguna.
PERKARA YANG PERLU DIINGAT
- Periksa skrip sebenar dan kesannya sebelum digunakan.

Gunakan istilah dengan tepat
| Istilah asal | Maksud dalam pelajaran |
|---|---|
| KIPTO | Rangka kerja templat halaman jualan pendek yang dipaparkan; pengembangan dilindungi dalam kandungan templat kemudian. |
| Image-based page | Kaedah yang direkodkan untuk meletakkan bahagian imej yang direka secara menegak dalam bentuk. |
Terangkan dahulu, kemudian semak
Terangkan setiap topik dengan ayat sendiri sebelum membuka isi semakan.
1. Memimport templat dan struktur halaman
Buka isi semakan
- Dapatkan templat sebenar secara berasingan jika perlu.
- Periksa bukti sebelum menulis tuntutan yang kuat.
2. Eksport dan AI draf salinan
Buka isi semakan
- Perlakukan AI sebagai draf.
- Hapuskan fakta yang dicipta dan sokongan yang tidak disokong.
3. Jauhkan tiga peringkat kerja
4. Borang OnPay dan penyisipan imej
Buka isi semakan
- Simpan susunan bahagian dan periksa hasil mudah alih.
- Semak produk sebenar dan susunan pembayaran.
5. Penyesuaian padding dan batasan sumber
Buka isi semakan
- Periksa skrip sebenar dan kesannya sebelum digunakan.
Soalan semak kefahaman
- Adakah setiap pengesahan dan tuntutan hasil mempunyai sokongan?
- Adakah templat/skrip berasingan tersedia dan sesuai?
- Adakah teks boleh dibaca dan laluan pembelian boleh digunakan di telefon bimbit?
Isi semakan datang daripada nota sumber. Ini bukan skema peperiksaan rasmi atau pengesahan setiap perkataan audio.
Tukar kefahaman kepada tindakan
- Rancangan salinan fakta, peta bukti imej, kemudian semak semula reka bentuk dan pelanggan / laluan pembayaran penuh.
Latihan sendiri disimpan pada pelayar ini jika storan tersedia. Jawapan tidak dihantar kepada akaun atau perkhidmatan lain.
Semakan kendiri
Tanda ini merekodkan pembelajaran sendiri, bukan ketepatan kandungan.
Kembali kepada konteks asal
Rakaman audio dan bingkai mengikut masa
Transkrip bergambar
Semua bingkai rakaman yang disimpan
Transkrip Bahasa Melayu asal
Rekod semakan ketepatan
Tonton video asal dalam portal kursus →
Video dibuka dalam portal menggunakan sesi keahlian anda. Rujuk masa pada kapsyen bingkai untuk mencari bahagian yang diterangkan. Fail video belum dilampirkan di sini.
Audio penuh pelajaran
Pemain ini menggunakan rakaman audio sedia ada. Kehadiran rakaman tidak bermaksud setiap perkataan transkrip telah disahkan.
Status semakan kandungan
Seluruh transkrip automatik telah dikaji secara berasingan. Semua lima rujukan bingkai yang dipilih diperiksa terhadap rakaman ini dan sepadan dengan bait pelajaran sebelumnya; cap masa dan tempoh juga sepadan. Pautan sumber berbeza, jadi penggunaan semula adalah berdasarkan pemeriksaan kandungan / bingkai, bukan URL bersama. Perkataan kesihatan dan pengesahan AI masih tidak disokong, dan templat / skrip yang berasingan belum diperoleh. Pengesahan audio kata demi kata masih belum selesai.
Format ini menyusun nota sedia ada; ia tidak menambah pengesahan terhadap pertuturan, angka contoh atau dakwaan pengajar. Bingkai diambil daripada rakaman melalui pensampelan; peralihan singkat mungkin terlepas.