Skalakan pengembangan visual Anda secara global tanpa kode backend.
Webflow adalah platform utama untuk pengembangan visual, tetapi lokalisasi bawaan bisa jadi rumit dan mahal. MultiLipi terintegrasi langsung ke arsitektur Webflow melalui satu injeksi skrip, secara instan mengubah halaman statis dan koleksi CMS Anda menjadi infrastruktur multibahasa dengan pengindeksan SEO penuh.
Panduan ini merinci proses integrasi menggunakan Kode Kustom fitur.
1. Prasyarat Penerapan
Sebelum memulai, pastikan lingkungan Anda memenuhi persyaratan:
Paket Situs Webflow
Anda harus berada di Rencana Situs Dasar (atau lebih tinggi) untuk membuka fitur "Kode Kustom".
Kunci API MultiLipi
Temukan ini di Dasbor Anda di bawah Pengaturan > Umum.
2. Langkah 1: Akses Arsitektur Situs
Kami akan menyuntikkan mesin terjemahan ke dalam header global untuk memastikan mesin tersebut tetap ada di semua halaman dan templat CMS.
- 1
Masuk ke Dasbor Webflow.
- 2
Temukan kartu proyek Anda dan klik Ikon Pengaturan (⚙️) (atau pilih Pengaturan Situs dari menu Desainer).
- 3
Arahkan ke Kode Kustom tab di bilah navigasi atas.
3. Langkah 2: Sisipkan Skrip Infrastruktur
- 1
Gulir ke bawah ke kolom berlabel "Kode Kepala".
- 2
Catatan: Jangan letakkan ini di "Kode Footer," karena akan menunda pemuatan terjemahan dan menyebabkan "kilasan konten yang belum diterjemahkan."
Tindakan: Tempel Skrip Koneksi
Tempelkan skrip koneksi berikut ke dalam kolom:
⚠️ Konfigurasi Penting
- •Ganti
YOUR_API_KEY_HEREdengan Kunci API aktual yang disalin dari dasbor MultiLipi Anda. - •Klik tombol hijau Simpan Perubahan tombol di sudut kanan atas.
4. Langkah 3: Penerapan & Verifikasi
Webflow tidak menjalankan kode kustom di tampilan Desainer. Anda harus mempublikasikan untuk melihat mesin beraksi.
Publikasikan
Klik biru Publikasikan tombol dan pilih domain produksi Anda (atau .webflow.io domain staging).
Verifikasi
Buka tautan langsung.
Pemeriksaan Visual
Pengalih Bahasa harus muncul di sudut kiri bawah.
Pemeriksaan CMS
Arahkan ke halaman Koleksi CMS (misalnya, /blog/post-1) dan alihkan bahasa untuk memastikan konten dinamis diterjemahkan dengan benar.
Protokol Pemecahan Masalah
- •Pengalih Hilang? Pastikan Anda mempublikasikan situs setelah menyimpan kode.
- •Pemeriksaan Paket: Pastikan paket hosting Webflow Anda aktif; situs staging gratis seringkali membatasi eksekusi kode kustom pada domain kustom.
5. Optimasi & Penataan Gaya
Setelah diterapkan, MultiLipi bekerja secara diam-diam di latar belakang.
Integritas Desain
Karena kami hanya menukar node teks, Interaksi Webflow Anda (IX2) dan animasi gulir tetap utuh sempurna.
Kustomisasi Pengalih
Anda dapat memposisikan ulang pengalih menggunakan pengaturan Dasbor kami atau menimpa CSS-nya agar sesuai dengan tipografi spesifik situs Anda.
Otomatisasi SEO
Kami secara otomatis menghasilkan sitemap.xml entri dan hreflang tag untuk proyek Webflow Anda, memastikan Anda mendapat peringkat dalam hasil pencarian global tanpa pekerjaan SEO manual.