Apa itu Smart Footer System?

Smart Footer System (SFS) merupakan salah satu plugin footer WordPress premium terbaik dengan harga terjangkau. Plugin ini dapat membuat tampilan maupun layout footer website sesuai dengan keinginan.

Tidak hanya itu, tampilan responsive smart footer system juga memberikan hasil maksimal yang akan menarik perhatian pengunjung. Bisa mengkombinasikan plugin Elementor, Visual Composer, Fusion Builder, Enfold Builder atau pembuat halaman lainnya dengan HTML custom.

Fitur Utama Smart Footer System

Berikut beberapa fitur unggulan yang dibawa oleh plugin Smart Footer System :

• Memiliki 7 Mode Berbeda seperti : Mode Footer Normal, Mode Footer Sticky, Mode Footer Reveal, Mode Footer Slide Up, Mode Footer Banner, Mode Footer CSS3, dan Mode Footer Accordion.
• Memiliki Tampilan Panel Admin yang Inovatif dan Mudah digunakan.
• Sangat mudah dikustomisasi.
• Terdapat pilihan untuk secara otomatis menyembunyikan footer bawaan Theme atau tetap menampilkan keduanya yaitu footer bawaan tema dan footer sfs akan ditempatkan di bawah footer bawaan.
• CSS Selector untuk menyembunyikan sebagian Tema.
• Menampilkan footer yang berbeda-beda untuk setiap Jenis Pos seperti Footer 1 hanya untuk Artikel, Footer 2 untuk Portofolio, Footer 3 untuk Produk Tunggal WooCommerce, Footer 4 untuk halaman Arsip dll.
• Mengganti footer jenis tulisan yang berubah-ubah di satu halaman, artikel, produk, dll.
• Pengaturan panel khusus untuk WooCommerce.
• Control Panel untuk mengimpor dan mengekspor footer.
• Satu klik demo SFS, hanya berlaku untuk Visual Composer, mencakup lebih dari 20 desain footer siap pakai.
• Pilihan untuk menentukan tampilan untuk Horisontal dan vertikal yang berbeda untuk semua perangkat seperti Desktop, Tablet, dan Mobile.
• Upload gambar background atau mengatur berbagai warna ke background.
• Memberi border pada konten footer.
• Pilihan untuk menonaktifkan footer untuk setiap perangkat seperti Desktop, Tablet, dan Mobile.
• Custom CSS untuk personalisasi gaya footer.
• Kompatibel dengan WPML untuk Situs Multi bahasa.
• Terdapat berbagai ikon dan teks untuk membuka dan menutup footer.
• Beberapa mode menawarkan kemampuan untuk membuat tampilan berbeda untuk perangkat desktop dan seluler.
• Kontrol penuh atas warna, font, tombol dan lainnya.
• Terjemahan siap.

Mode Smart Footer System

Smart Footer System memiliki beberapa mode, yaitu :

1. Normal footer

Normal footer adalah footer yang terletak pada bagian bawah website seperti footer pada umumnya. Dan jika memilih mode ini, maka footer custom akan menggantikan footer default dari theme. Tidak bisa menambahkan animasi atau pun special effect.

2. Reveal footer

Reveal footer adalah mode footer yang sesuai untuk website sederhana yang memuat informasi pentingnya di bagian footer. Reveal footer akan memperlihatkan footer block pada bagian bawah page, tapi footer-nya akan mengikuti saat scroll.

3. Slide up footer

Slide up footer merupakan footer yang kaya akan fitur. Sekalinya diaktifkan akan mendapat control panel dengan pengaturan “Settings” dan “Handle Style”. Pada Settings bisa memutuskan apakah ingin membuka footer handle dengan klik atau mouse hover.

Bisa menentukan ukuran tinggi dari konten footer, tinggi dan warna posisi separator di bawah handle, mengatur animasi dari footer handle, mengatur kecepatan membuka konten footer, dan juga bisa memutuskan apakah ingin membuka konten footer secara otomatis atau tidak saat pengguna mencapai bagian akhir page.

4. Banner footer

Banner footer didesain untuk menyediakan pengalaman navigasi yang unik bagi pengguna desktop dan mobile. Jika memilih mode ini, maka bisa membuat 2 gaya yang benar-benar berbeda dan unik untuk berbagai perangkat.

Dapat menentukan padding vertikal atau horizontal, mengatur alignment dari konten tekstual di dalam banner dan mengatur kecepatan membuka konten footer.

Selain itu juga bisa menentukan semua parameter untuk background banner dan menyesuaikan tombol yang akan ditampilkan pada banner bersama teks.

Banner Footer dari plugin footer WordPress ini juga menawarkan pilihan untuk menambahkan opsi tambahan supaya banner tidak terlalu menutupi konten web (invasif) dengan mengaktifkan Auto Show dan Auto Hide.

5. Accordion

Accordion menawarkan kesempatan untuk memperlihatkan konten footer hanya saat user klik pada custom bar dengan central icon dan dua teks pendek pada sisi-sisinya di bagian akhir page, yang menunjukkan footer sebagai sebuah harmonika.

Ini merupakan cara yang elegan dan non-invasif untuk memperlihatkan konten, yang itu bisa teks, gambar, atau apa pun yang dibuat dengan Page Builder atau HTML.

6. CSS3 Footer

CSS3 Footer adalah mode footer yang mengizinkan untuk memperlihatkan konten footer dengan animasi sederhana di CSS3. Bisa memilih kombinasi hingga 81 style berbeda. Plugin footer WordPress ini akan secara otomatis menonaktifkan animasi pada perangkat mobile untuk performance yang lebih baik.

Cara Menggunakan Smart Footer System

Berikut ini cara menggunakannya :

Setelah plugin diaktifkan, terdapat menu baru yang bernama “Smart Footer System”, silahkan klik menu Smart Footer System » Settings, dan akan mendapati halaman pengaturan dengan tampilan yang mudah.

Selanjutnya, jika pengguna page builder seperti Visual Composer akan jauh lebih mudah menggunakan plugin ini. Ada banyak sekali sample tema footer yang sudah disiapkan untuk mendukung visual composer. Bisa melakukan sample import footer di bagian menu tab “Import / Export Footer” dan klik tombol “Import Demos”.

Masih dibagian Settings bisa mengatur beberapa footer, seperti dibagian homepage atau blog bisa memilih footer yang berbeda dengan footer yang akan ditampilkan pada bagian Single Post, Woocommerce maupun bagian Archive.

Jika sudah selesai melakukan konfigurasi pada bagian settings silahkan untuk menyimpan dengan klik “Save Changes”.

Langkah berikutnya untuk membuat footer bisa membuat sendiri dengan klik Smart Footer System » Add New Footer, atau mengedit contoh-contoh footer yang sudah di import sebelumnya dengan langsung masuk ke bagian Smart Footer System»Footers.

Pada bagian “Footers” ini ada sekitar 24 contoh footer yang siap pakai. Untuk pemula dan pengguna page builder visual composer sangat menyarankan untuk mengedit sample footer yang sudah tersedia agar lebih mudah.

Pada artikel ini akan mencoba untuk membuka salah satu contoh footer yang sudah tersedia yaitu Accordion Footer 2. Kemudian, untuk pengaturan Smart Footer Setting terletak dibagian bawah editor seperti gambar berikut :

Pengaturan ini terbagi menjadi 2 bagian meliputi bagian Settings dan bagian Footer Type. Untuk bagian setting di menu tab “General” terdiri dari Background, border, body dan display tersedia area untuk Custom CSS di bagian menu tab “Advance”.

Bagian kedua untuk “Footer Type” ada bagian menu scroll down berisikan beberapa type footer seperti Accordion, normal, reveal, slide up, banner dan Css3 animation. Sedangkan pada bagian Settings ini berbeda-beda tergantung dari Footer Type yang dipilih.

Untuk contoh yang dibuka ini karena memilih type Accordion maka pada bagian Setting akan muncul menu tab untuk pengaturan Type, Icon, Text dan Fonts.

Bisa melihat hasil dari footer type Accordion yang sudah disediakan pada gambar dibawah ini :

Itulah penjelasan tentang salah satu plugin footer WordPress terbaik bernama Smart Footer System. Plugin ini mendapat review yang positif dari para penggunanya karena kelebihan yang sudah disebutkan sebelumnya dan sangat direkomendasikan bagi yang ingin membangun website sendiri. Harganya hanya $16 di Code Canyon dengan standar lisensi Envato.