AI Visual Codebook
Lynk.id Ready
Template landing page produk digital dengan standar konversi tinggi khusus untuk kolom Deskripsi Produk Lynk.id.
- ✅ Zero Script & Style: Kebal sanitasi editor Lynk.id.
- ✅ No SVG Error: 100% bebas dari filter blokir SVG.
- ✅ WebP CDN Proxy: Kompresi otomatis ke WebP super ringan (~40 KB).
- ✅ Native Swipe: Galeri swipe horizontal dengan jari di HP tanpa JavaScript.
- ✅ No Auto-Link Trap: Bebas kata TLD yang memicu link biru ke website luar.
💡 Cara Pakai: Klik "Salin Kode", buka dashboard Lynk.id > Edit Produk > kolom Description (klik ikon <>) > Paste kodenya dan klik Update.
Lebar Layar:
HTML Optimizer & Sanitizer Khusus Lynk.id
Paste HTML landing page apa saja di sebelah kiri, klik "Konversi", dan dapatkan kode bersih yang 100% aman dan langsung berfungsi di deskripsi Lynk.id.
Input HTML Mentah
Hasil Lynk.id Ready (Inline CSS)
Panduan Teknis Landing Page di Lynk.id
1. Mengapa Lynk.id Memotong Script & Style?
Editor deskripsi produk Lynk.id menggunakan sanitasi keamanan XSS ketat. Segala tag
Editor deskripsi produk Lynk.id menggunakan sanitasi keamanan XSS ketat. Segala tag
<script>, <style>, dan <link> otomatis dibersihkan saat tombol simpan ditekan. Oleh karena itu, semua styling wajib berupa inline CSS (style="...").
2. Masalah Error "Cannot using svg on description"
Validator form Lynk.id mendeteksi string
Validator form Lynk.id mendeteksi string
svg (termasuk tag favicon type="image/svg+xml"). Pastikan kode Anda 100% bersih dari tag atau atribut SVG. Gunakan icon emoji universal (⚡, 📸, 🎬) sebagai pengganti aman.
3. Cara Bikin Galeri Gambar Geser Tanpa JavaScript
Gunakan CSS native flexbox dengan scroll horizontal:
Setiap kartu gambar diberi
Gunakan CSS native flexbox dengan scroll horizontal:
<div style="display: flex; gap: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch;">Setiap kartu gambar diberi
flex: 0 0 140px; min-width: 140px;. Cara ini bekerja mulus di HP touchscreen tanpa butuh 1 baris pun JavaScript!
4. Trik Auto-Convert Gambar ke WebP
Gunakan image proxy gratis Cloudflare
Gunakan image proxy gratis Cloudflare
https://images.weserv.nl/?url=URL_GAMBAR&w=450&output=webp&q=80. Gambar berat 2 MB langsung dikompresi menjadi ~30 KB WebP dan di-cache global.