Wawasan
18 Nov 2025
Membuat tautan email/nomor telepon/SMS di Framer
Panduan cara mudah menambahkan email, nomor telepon, dan tautan SMS di Framer. Saat mengklik tautan, Anda dapat langsung menghubungi. Perlu diperhatikan bahwa tautan tidak berfungsi dengan normal di mode pratinjau, jadi pastikan untuk mengujinya di lingkungan nyata.

Diposting oleh

Diterjemahkan oleh
Daftar Isi
Daftar Isi
Menambahkan tautan email, telepon, SMS di FramerFramer
Ketika alamat email atau nomor telepon dapat langsung diakses saat diklik di situs web, hal ini memudahkan pengguna untuk menghubungi kontak. Di Framer, Anda dapat dengan mudah menambahkan tautan ini hanya dalam beberapa langkah, jadi ikuti panduan ini dengan baik.
Membuat tautan email
Pilih elemen di mana Anda ingin menambahkan tautan.
Klik ikon
+di sebelah Link pada panel properti kanan.Isikan bidang Link To dengan format
mailto:alamatemaildan tekan Enter.

Membuat tautan nomor telepon
Pilih elemen di mana Anda ingin menambahkan tautan.
Klik ikon
+di sebelah Link pada panel properti kanan.Isikan bidang Link To dengan format
tel:nomortelepondan tekan Enter.

Membuat tautan SMS
Pilih elemen di mana Anda ingin menambahkan tautan.
Klik ikon
+di sebelah Link pada panel properti kanan.Isikan bidang Link To dengan format
sms:nomortelepondan tekan Enter.

Catatan: Tautan email/telepon/SMS mungkin tidak bekerja dengan baik di mode Preview. Untuk memastikan bahwa tautan berfungsi dengan benar, terbitkan situs dan tes di lingkungan nyata.
Pertanyaan Umum (FAQ)
P. Bisakah tautan diterapkan pada gambar atau tombol?
Ya. Properti Link di Framer dapat diterapkan pada semua lapisan, termasuk teks, Frame, Gambar, Tombol, dan lain-lain.
P. Mengapa tautan tidak berfungsi dengan baik dalam mode Preview?
Hal ini karena Preview bukan lingkungan browser yang sebenarnya. Tindakan yang menghubungkan ke aplikasi email atau telepon hanya akan bekerja dengan baik saat diuji di perangkat nyata setelah terbit.
P. Bisakah saya menyesuaikan gaya tautan klik (underline, warna, dll.)?
Ya. Karena Framer menerapkan gaya ke lapisan teks itu sendiri, gaya default tidak dipaksakan. Anda dapat menyesuaikan warna, efek hover, animasi, dan lainnya dengan bebas seperti teks biasa.
Tulisan ini adalah terjemahan dan adaptasi dari konten blog resmi Framer ‘How do I add clickable email & phone number links’.



