Cara menambahkan anchor link untuk melompat ke bagian tertentu di halaman Anda

Dalam artikel ini, Anda akan mempelajari cara menyiapkan anchor link yang membawa pengunjung ke bagian tertentu dari halaman Anda.

Yang Anda perlukan:

• Akun systeme.io
• Sebuah funnel
• Halaman yang sudah ada

Saat ini ada dua cara untuk menambahkan anchor pada halaman systeme.io.

1. Menggunakan kode HTML:

Contoh: Anchor footer yang membawa Anda ke bagian bawah halaman yang panjang.

Untuk metode ini, buka editor halaman, tambahkan sebuah elemen HTML tepat di atas atau di bawah lokasi tujuan anchor. Kemudian, masukkan kode <div id="whatyouwant"></div> ke dalam elemen HTML. (1)

Catatan: Kode ini tidak akan menampilkan apa pun di halaman.

Setelah memasukkan kode, simpan perubahan. (2)

Kemudian, salin tautan halaman.

Terakhir, tambahkan sebuah tombol di bagian atas halaman, lalu pada kolom URL, tempelkan tautan halaman yang baru saja Anda salin dan langsung tambahkan #whatyouwant (3).

Sekarang, ketika seseorang mengklik tombol tersebut, mereka akan langsung diarahkan ke anchor HTML.

2. Menggunakan atribut ID dari sebuah elemen:

Pertama, temukan atribut ID dari elemen yang ingin Anda tuju.

Klik elemen tersebut untuk menampilkan pengaturannya di panel kiri editor, lalu gulir ke bawah untuk menyalin atribut ID (misalnya, "section-d10b45b3").

Kemudian, salin tautan halaman seperti yang dijelaskan pada bagian 1 (tangkapan layar 3).

Setelah tautan disalin, tambahkan sebuah tombol di bagian atas halaman. Pada panel kiri editor, tempelkan tautan tersebut ke kolom URL, lalu langsung tambahkan #AttributeID (misalnya, #section-d10b45b3) (4).