Dalam sebuah website, fitur login merupakan salah satu fitur penting yang wajib ada. Dengan fitur ini kita bisa mengetahui data pengunjung ataupun kebiasaan dan kebutuhan pengunjung dalam website. Mengetahui siapa saja pengunjung website dapat membantu anda untuk mengetahui target pasar sehingga tau apa yang harus dilakukan untuk mengoptimalkan website. Selain untuk pengunjung, fitur login juga bisa digunakan oleh developer website untuk melakukan maintenance serta pembaruan dalam website. Mari kita bahas fitur apa saja yang disediakan Elementor untuk Login Widget.
Content
Form Fields
- Label: Tampilkan atau sembunyikan label kolom input data
- Input Size: Tentukan ukuran kolom input data
Button
- Text: Tentukan teks dalam button submit Login WIdget
- Size: Pilih ukuran teks button Login
- Alignment: Atur posisi button Login
Additional Options
- Redirect After Login: Aktifkan atau nonaktifkan redirect ke halaman utama website setelah login
- Redirect After Logout: Aktifkan atau nonaktifkan redirect ke halaman utama website setelah logout
- Lost your password: Tampilkan atau sembunyikan fungsi “lupa password”
- Register: Tampilkan atau sembunyikan fungsi Register atau Daftar untuk pengunjung baru yang belum memiliki akun
- Remember Me: Tampilkan atau sembunyikan fitur Remember Me atau Ingat Saya sehingga pengunjung tidak perlu login ulang ketika sudah pernah login pada website anda
- Logged in Message: Tampilkan atau sembunyikan pesan untuk pengunjung yang sudah login dalam website anda
- Custom Label: Aktifkan untuk memberi custom label pada kolom input data untuk memberi petunjuk pada pengunjung data apa yang harus diisi
- Username Label: Tentukan label untuk kolom input username atau email
- Password Label: Tentukan label untuk kolom input password
Style
Form
- Rows Gap: Atur jarak kolom dalam formulir Login Widget
- Links Color: Pilih warna untuk link dalam formulir Login Widget
- Links Hover Color: Pilih warna untuk link dalam formulir Login Widget ketika hover
Label
- Spacing: Atur jarak antara label input data dan kolom input data
- Text Color: Tentukan warna teks label
- Typography: Atur tipografi teks label
Fields
- Text Color: Pilih warna teks input data login
- Typography: Atur tipografi teks input data login
- Background Color: Tentukan warna background kolom input data login
- Border Color: Pilih warna border kolom input data login
- Border Width: Tentukan ukuran lebar border kolom input data login
- Border Radius: Atur ukuran sudut border
Button
- Normal: Atur tampilan button ketika mode normal
- Hover: Atur tampilan button ketika hover
- Background Type: Tentukan tipe background button menggunakan warna klasik atau warna gradien
- Color: Pilih warna background button
- Border Type: Pilih tipe border button
- Border Radius: Tentukan ukuran sudut border button
- Text Padding: Tentukan padding dalam teks button
Logged in Message
- Text Color: Tentukan warna teks pesan ketika pengunjung sudah login
- Typography: Atur tipografi teks pesan ketika pengunjung sudah login