Tombol & Ikon

Menggunakan Tombol & Tautan, Anda dapat menambahkan semua jenis Link (1) ke bagian tersebut. Anda dapat menambahkan Tombol/Tautan Teks/Tautan Gambar/Ikon/Pemisah.

Anda dapat Duplikat (2) Sunting (3), atau Delete (4) tombol/tautan yang ada.

Dalam artikel ini:

1. Tambahkan Tombol/Tautan
2. Tombol/Tautan Gaya

---

Tambahkan Tombol/Tautan

• Untuk menambahkan semua jenis tautan ke bagian tersebut, klik pada + Tombol Tambahkan .

The + Tombol Tambahkan opsi menyediakan empat cara untuk menambahkan tautan. Selain itu, Anda juga dapat menambahkan Pemisah untuk menambahkan spasi antar tombol/tautan. Berikut adalah pilihannya:

• Tombol
• Gaya Tombol
• Tautan Teks
• Gambar
• Ikon
• alat pemisah

---

Tombol

Tambahkan tombol ke item daftar.

Anda akan dapat memperbarui:

1. Label Tombol – Tentukan teks yang terlihat pada tombol Anda. Inilah yang akan dilihat dan diklik pengguna.
2. Tautan Tombol – Tentukan URL atau tindakan tombol tersebut akan aktif saat diklik.
3. Jendela Sasaran – Pilih apakah tautan akan dibuka di tab yang sama atau tab baru.
4. Gaya Tombol – Pilih gaya tombol untuk menjadi default (diatur dalam Tombol dan Tautan tab bagian Desain), Solid, Outline, atau Text Link.

• • Default: Mengikuti pengaturan tema situs Anda.
  • Padat: Tombol tebal dan terisi.
  • Garis Besar: Latar belakang transparan dengan batas.
  • Tautan Teks: Gaya teks saja sederhana dan bersih (tanpa kotak tombol).

5. Bentuk Tombol – Mengatur bentuk khusus untuk setiap tombol individu di dalam bagian tersebut. Ini memungkinkan Anda untuk mengganti bentuk tombol global yang ditentukan di bawah Pengaturan desain, memberi Anda kontrol lebih terhadap tampilan setiap tombol. Bentuk yang tersedia adalah Persegi, Bulat, dan Pil.
6. Warna Tombol – Sesuaikan skema warna tombol:

• • Default: Mewarisi pengaturan tema.
  • Membalikkan: Membalikkan warna teks/latar belakang tombol.
  • Adat: Memungkinkan Anda memilih teks dan warna latar belakang tertentu.

7. Teks tombol – Jika menggunakan Warna tombol khusus, Anda dapat mengatur warna teks (label) dari sini.
8. Latar Belakang Tombol – Juga tersedia di bagian Kustom, ini mengatur warna latar belakang tombol. Padukan ini dengan warna teks untuk keterbacaan dan gaya yang maksimal.
9. Ikon Tombol – Tambahkan ikon di samping label tombol Anda. Anda dapat memilih dari berbagai opsi ikon.
10. tata ruang – Kontrol penempatan ikon dalam kaitannya dengan label. Opsi tata letak yang tersedia adalah:

• • Label + Ikon: Teks muncul pertama, diikuti oleh ikon.
  • Ikon + Label: Ikon muncul terlebih dahulu, kemudian teks.
  • Label + Ikon (Lebar): Teks dan ikon disusun dengan lebih banyak bantalan, cocok untuk tombol yang lebih lebar.
  • Ikon + Label (Lebar): Ikon pertama, tata letak bantalan lebih lebar.

11. Warna Ikon – Pilih warna ikon tombol. Anda dapat mengaturnya ke Teks tombol warna atau Merek warna.

---

Pengaturan Gaya Tombol

Anda akan menemukan pengaturan ini di bawah Tab gaya Pengaturan ini memungkinkan Anda untuk menyempurnakan tampilan, jarak, dan tata letak tombol di situs Pixpa Anda untuk kontrol desain dan respons yang lebih baik:

1. Ukuran kancing – Pilih ukuran tombol (misalnya, Kecil, Sedang, Besar). Ini akan menyesuaikan padding dan ukuran font agar sesuai dengan desain Anda.
2. Spasi Antar Tombol – Mengontrol jarak horizontal antar tombol. Anda dapat menggunakan satuan vw (lebar viewport) untuk jarak responsif.
3. Spasi di Atas Tombol – Menambahkan spasi vertikal di atas tombol. Ini membantu memisahkannya dari konten di atasnya, diukur dalam %.
4. Tautan Teks – Menyesuaikan ukuran font untuk tautan teks tombol (sangat berguna saat menggunakan gaya “Tautan Teks” alih-alih tombol tradisional).
5. Gambar sebagai Tombol (Ukuran) – Jika Anda menggunakan gambar, bukan tombol tradisional, pengaturan ini menentukan ukuran tampilan gambar (dalam piksel).
6. Lebar Tombol – Pilih seberapa lebar tombol akan muncul:

• • Default: Lebar standar berdasarkan konten tombol
  • Besar / Ekstra Besar: Tombol yang lebih lebar untuk penekanan lebih
  • Lebar Penuh: Tombol membentang di seluruh lebar wadah

---

Tautan Teks

Tambahkan tautan teks ke item daftar.

Anda akan dapat memperbarui:

1. Mengatur label teks.
2. Tentukan tautan teks.
3. Jendela Sasaran – Pilih untuk membuka halaman di jendela yang sama atau baru.

---

Gambar

Tambahkan gambar dan tautkan ke halaman mana pun.

• Setelah Anda mengunggah gambar, itu muncul seperti ini. Klik tautan untuk mengeditnya.

• Dari sini, Anda dapat:
  1. Unggah/Ubah gambar.
  2. Tautan Tombol – Tentukan tautannya.
  3. Jendela Sasaran – Pilih untuk membuka halaman di jendela yang sama atau baru.

---

Ikon Sosial

• Tambahkan ikon sosial ke item daftar.

Anda dapat mengelola:

1. Ikon sosial yang akan ditautkan.
2. Tentukan jalur profil sosial Anda yang relevan.
3. Jendela Sasaran – Pilih untuk membuka halaman di jendela yang sama atau baru.

---

alat pemisah

The alat pemisah Opsi ini memungkinkan Anda menyisipkan spasi antara tombol atau tautan.

Ini berguna untuk membuat pemisahan visual antara tombol yang ditempatkan berdekatan. Anda dapat menambahkan pemisah dari Tombol & Tautan panel seperti Anda menambahkan tombol lainnya.

• Jarak antar tombol dikontrol oleh Bantalan – Atas pengaturan dalam Pemisah. Menyesuaikan nilai ini akan menambah atau mengurangi jarak vertikal antara tombol yang ditempatkan berdekatan.

 

---

Opsi Gaya untuk Tombol & Tautan

The pilihan gaya akan hadir di bawah Gaya tab saat mengelola bagian.

Anda akan memiliki beberapa opsi gaya untuk Tombol & Tautan sebagai berikut:

Tombol & Tautan

1. Tentukan Ruang Antara Tombol/Tautan yang telah ditambahkan.
2. Tentukan Spasi Di Atas Tombol/Tautan.
3. Pilih melayang Effect untuk Tombol/tautan.

Ukuran kancing 

---

Example

Misalnya, Anda telah menambahkan tautan sosial Amazon di Tombol/Tautan, dan ditentukan warna ikon sebagai Merah dan warna latar ikon sebagai Hijau, maka akan muncul icon seperti di bawah ini :