Cara menggunakan Elementor untuk membangun situs web

Apakah Anda ingin menggunakan Elementor untuk membangun situs web?

Dalam masa ketidakpastian ekonomi dan jarak sosial ini, bisnis ingin memperluas keberadaan online mereka lebih dari sebelumnya.

Jika Anda ingin memulai bisnis online, atau jika Anda seorang penulis lepas yang membuat situs web untuk bisnis, Elementor dapat secara efektif membantu Anda membangun situs web yang terjangkau dan mudah dirawat.

Elementor adalah a pembuat halaman WordPress visual, yang berarti Anda dapat membuat desain yang hebat tanpa perlu menulis satu baris kode pun. Jika Anda ingin tahu lebih banyak tentang ini WordPress Plugin, Anda dapat berkonsultasi dengan artikel kami pada Presentasi antarmuka Elementor

Pada artikel ini, kami akan memberi tahu Anda sedikit lebih banyak tentang mengapa Elementor adalah alat terbaik untuk membuat situs web. Selanjutnya, kami akan menunjukkan cara menggunakan Elementor untuk buat situs web.

Namun sebelumnya, jika Anda belum pernah menginstal WordPress, mari kita cari tahu Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda

Lalu kembali ke mengapa kita ada di sini.

Jika Anda ingin detail lebih lanjut tentang cara menggunakan Elementor untuk membangun situs web, HubSpot Academy dan Elementor telah bekerja sama untuk menawarkan kursus online gratis yang mencakup semuanya mulai dari menyiapkan hosting web hingga membangun dan meluncurkan situs web WordPress Anda.

Mengapa menggunakan Elementor untuk membangun situs web

Elementor plugin pembuat halaman visual wordpress terbaik

Menggunakan Elementor untuk membuat situs web dapat:

Hemat waktu Anda dan bantu Anda membangun situs web lebih cepat.
Kurangi kerumitan situs web Anda, hilangkan bug, dan buat proses pemeliharaan yang lebih mudah dalam hal pembaruan dan pengujian.
Menghemat uang Anda dan menyederhanakan biaya sehingga Anda dapat menentukan harga proyek dengan lebih baik.

Mari kita ulas manfaatnya.

Hemat waktu dan hindari kode

Baik Anda seorang desainer, pengembang, atau hanya pengguna WordPress biasa, Elementor dapat mempercepat alur kerja Anda dengan antarmuka visualnya, yang mendukung fungsionalitas seret dan lepas.

Sepanjang pengalaman, Anda tidak perlu berinteraksi langsung dengan kode kecuali Anda mau. Jika Anda ingin lebih banyak kontrol, Anda dapat dengan mudah menggunakan CSS kustom Anda sendiri jika perlu

Temukan juga Cara menambahkan daftar isi di WordPress dengan Elementor

Terakhir, jika Anda benar-benar ingin menghemat waktu, Elementor hadir dengan ratusan templat yang dapat Anda impor. Yang perlu Anda lakukan adalah mengimpor template yang Anda suka, mengedit konten agar sesuai dengan merek Anda, dan selesai.

Kurangi kerumitan dan hilangkan bug

Dengan situs web WordPress yang khas, produk akhir biasanya merupakan tambalan plugin dari pengembang yang berbeda.

Tidak ada yang menyatukan alat-alat terpisah ini kecuali waktu dan upaya yang Anda lakukan untuk menggunakannya buat situs web koheren.

Ini baik-baik saja untuk sementara waktu, tetapi juga dapat menyebabkan masalah potensial, karena setiap pengembang akan mengubah dan memperbarui plugin mereka sendiri-sendiri.

Misalnya, pengembang file Plugin slider WordPress dapat membuat perubahan yang menyebabkan masalah pada halaman beranda(yang Anda buat dengan plugin lain).

Dengan Elementor, Anda memiliki akses ke semua alat penting di bawah satu atap.

Temukan juga daftar plugin Elementor WordPress terbaik untuk membuat kalender acara

Misalnya dengan Elementor et Elementor Pro, Anda mendapatkan alat untuk membantu Anda membuat:

slider
formulir
bentuk pembentukan timbal
galeri
muncul tiba-tiba
portofolio
tabel harga
dan banyak lagi…

Semua alat ini tersedia di plugin yang sama dari pengembang yang sama, sehingga Anda dapat yakin bahwa perubahan pada formulir perolehan prospek Anda tidak akan pernah menyebabkan masalah dengan munculan tempat Anda menampilkan formulir.

Terlebih lagi, ini membuat hidup Anda jauh lebih mudah ketika tiba saatnya untuk memperbarui situs web Anda. Alih-alih perlu menggunakan situs web pengujian untuk menguji sekumpulan plugin yang berbeda pada waktu yang berbeda, yang perlu Anda lakukan hanyalah menguji dan memperbarui satu alat.

Pada dasarnya Anda dapat menggunakan Elementor sebagai dasar situs web Anda untuk menyederhanakan segalanya dan kemudian berjuang untuk mencapai tujuan bisnis tertentu seperti menggunakan Plugin WordPress HubSpot gratis untuk menghasilkan prospek melalui formulir, obrolan langsung, dan sembulan yang semuanya dimasukkan ke dalam HubSpot CRM gratis.

Hemat uang dan sederhanakan biaya

Akhirnya, Elementor dapat membantu Anda menghemat uang untuk proyek-proyek besar.

Sama seperti memiliki akses ke alat penting dalam plugin mengurangi kompleksitas situs web Anda, itu juga menurunkan harga yang harus Anda bayar.

Temukan panduan kami di Cara menyesuaikan WordPress untuk meningkatkan konversi

Elementor memiliki versi gratis untuk Basic Builder. Kemudian, untuk mengakses fitur tambahan seperti bentuk, slider, popup, dan banyak lagi, Anda hanya perlu membayar biaya tetap.

Tidak ada top-up untuk fitur yang berbeda atau kebutuhan untuk membeli plugin yang berbeda, yang membuat biaya Anda tetap rendah.

Baca juga tutorial kami di Cara menanamkan file PDF di WordPress

Ini juga membantu mengurangi biaya Anda dan memfasilitasi harga proyek pelanggan. Alih-alih perlu memperbaiki banyak alat yang berbeda dalam proposal Anda, Anda dapat membuatnya lebih sederhana dan fokus pada apa yang Anda kenakan untuk waktu dan keahlian Anda, bukan alat Anda.

Cara menggunakan Elementor untuk membangun situs web

Sekarang setelah Anda mengetahui beberapa alasan mengapa Elementor adalah alat yang hebat untuk membangun situs web, mari gali cara menggunakan Elementor untuk buat situs web luar biasa.

1. Pilih tema WordPress Anda

Elementor adalah sebuah plugin, jadi Anda harus selalu memilih tema untuk dipasangkan dengan Elementor.

Tema wordpress mutiara premium blogpascher

Download | Demo | Hébergement Web

Karena Anda akan menggunakan Elementor untuk mengontrol desain semua / sebagian besar situs web Anda, Anda harus fokus untuk menemukan tema WordPress yang menawarkan fitur yang Anda butuhkan serta dukungan penuh untuk fungsionalitasnya. Elementor. Misalnya, jika Anda ingin menambah staf, testimonial, dan portofolio, Anda harus memilih tema dengan jenis posting ini - seperti Tema WordPress Pearl.

Basis lain yang paling ringan adalah Halo Elementor tema. Halo pada dasarnya adalah kanvas kosong 100% untuk desain Anda.

Karena tema Halo WordPress tidak menambahkan gaya atau fiturnya sendiri, itu akan membuat situs web Anda tetap ringan, dengan pemuatan halaman yang lancar.

Jika Anda ingin memiliki tema WordPress yang hadir dengan gayanya sendiri, mungkin untuk mengontrol tajuk situs web atau pengalaman checkout Anda untuk toko online WooCommerce, Anda perlu melihat koleksi ini tema WordPress Elementor terbaik.

2. Pilih versi Elementor Anda

Elementor tersedia dalam format versi gratis di WordPress.org, serta versi premium yang menambahkan lebih banyak fitur, yang disebut Elementor Pro.

Dengan Elementor versi gratis, Anda dapat membangun situs web halaman demi halaman. Misalnya, Anda dapat membuat tata letak untuk beranda, yang lain untuk " Halaman tentang », Kemudian buat halaman terpisah untuk setiap item dalam portofolio.

Namun, untuk lebih dari itu, Anda mungkin perlu mempertimbangkan Elementor Pro.

Elementor Pro tidak hanya memberi Anda lebih banyak alat desain seperti slider dan formulir, tetapi juga memberi Anda cara baru untuk membangun situs web dengan Pembuat Tema.

Dengan Elementor Theme Builder, Anda dapat membuat template dan menerapkannya ke semua atau sebagian situs web Anda. Misalnya, Anda dapat mendesain bagian situs web Anda seperti:

header
arsip halaman (halaman yang mencantumkan semua postingan blog Anda)
satu halaman (posting blog individu)
footer
Produk WooCommerce

Anda juga dapat menyertakan konten dinamis dalam desain Anda, seperti konten yang Anda tambahkan dengan bidang kustom.

Karena Anda dapat membuat template unik yang berlaku untuk semua atau sebagian konten Anda, Elementor Pro adalah pilihan yang bagus untuk situs web dinamis.

Ini juga berguna untuk jenis situs web lain berkat widget konten baru seperti:

bentuk
slider
galeri
portofolio
daftar harga
dan banyak lagi…

Sekali lagi, ini menyederhanakan situs web Anda dan menurunkan biayanya. (karena Elementor Pro menyertakan setiap fitur dengan harga yang sama).

3. Mulailah membuat dengan Elementor

Setelah Anda memilih tema WordPress dan versi Elementor yang tepat, Anda siap untuk mulai membangunnya.

Untuk mendesain konten Anda, Anda dapat memulai dari halaman kosong atau mengimpor salah satu template Elementor.

Untuk membuat situs web yang kohesif dengan cepat, Anda bahkan dapat menggunakannya Kit templat elemen, yang merupakan sekumpulan template untuk setiap halaman situs web, hingga halaman 404.

Baik Anda memulai dengan slate kosong atau template, Anda akan menemukan diri Anda dalam antarmuka visual dan scrolling Elementor.

Anda akan melihat pratinjau desain Anda secara real time di sebelah kanan - Anda akan melihat dengan tepat apa yang akan dilihat pengunjung situs Anda.

Kemudian Anda dapat menggunakan sidebar di sebelah kiri untuk menambah dan mengonfigurasi konten dan elemen tata letak.

Elementor menyesuaikan halaman - gunakan Elementor

Misalnya, jika Anda ingin menambahkan tombol ke desain Anda, yang Anda lakukan hanyalah menyeretnya dari sidebar. Kemudian Anda dapat menyesuaikan pengaturannya menggunakan sidebar yang sama ini.

Untuk mempelajari lebih lanjut tentang cara kerja antarmuka Elementor, Anda dapat melihat video di bawah ini:

Bangun situs web dengan Elementor hari ini

Basis lain yang paling ringan adalah Halo Elementor tema. Halo pada dasarnya adalah kanvas kosong 100% untuk desain Anda.

Karena tema Halo WordPress tidak menambahkan gaya atau fiturnya sendiri, itu akan membuat situs web Anda tetap ringan, dengan pemuatan halaman yang lancar.

2. Pilih versi Elementor Anda

Elementor tersedia dalam format versi gratis di WordPress.org, serta versi premium yang menambahkan lebih banyak fitur, yang disebut Elementor Pro.

Namun, untuk lebih dari itu, Anda mungkin perlu mempertimbangkan Elementor Pro.

Elementor Pro tidak hanya memberi Anda lebih banyak alat desain seperti slider dan formulir, tetapi juga memberi Anda cara baru untuk membangun situs web dengan Pembuat Tema.

Dengan Elementor Theme Builder, Anda dapat membuat template dan menerapkannya ke semua atau sebagian situs web Anda. Misalnya, Anda dapat mendesain bagian situs web Anda seperti:

header
arsip halaman (halaman yang mencantumkan semua postingan blog Anda)
satu halaman (posting blog individu)
footer
Produk WooCommerce

Anda juga dapat menyertakan konten dinamis dalam desain Anda, seperti konten yang Anda tambahkan dengan bidang kustom.

Karena Anda dapat membuat template unik yang berlaku untuk semua atau sebagian konten Anda, Elementor Pro adalah pilihan yang bagus untuk situs web dinamis.

Ini juga berguna untuk jenis situs web lain berkat widget konten baru seperti:

bentuk
slider
galeri
portofolio
daftar harga
dan banyak lagi…

Sekali lagi, ini menyederhanakan situs web Anda dan menurunkan biayanya. (karena Elementor Pro menyertakan setiap fitur dengan harga yang sama).

3. Mulailah membuat dengan Elementor

Setelah Anda memilih tema WordPress yang tepat dan versi Elementor yang tepat, Anda siap untuk mulai membangun.

Untuk mendesain konten Anda, Anda dapat memulai dari halaman kosong atau mengimpor salah satu template Elementor.

Untuk membuat situs web yang kohesif dengan cepat, Anda bahkan dapat menggunakannya Kit templat elemen, yang merupakan sekumpulan template untuk setiap halaman situs web, hingga halaman 404.

Baik Anda memulai dengan slate kosong atau template, Anda akan menemukan diri Anda dalam antarmuka visual dan scrolling Elementor.

Anda akan melihat pratinjau desain Anda secara real time di sebelah kanan - Anda akan melihat dengan tepat apa yang akan dilihat pengunjung situs Anda.

Kemudian Anda dapat menggunakan sidebar di sebelah kiri untuk menambah dan mengonfigurasi konten dan elemen tata letak.

Misalnya, jika Anda ingin menambahkan tombol ke desain Anda, yang Anda lakukan hanyalah menyeretnya dari sidebar. Kemudian Anda dapat menyesuaikan pengaturannya menggunakan sidebar yang sama ini.

Untuk mempelajari lebih lanjut tentang cara kerja antarmuka Elementor, Anda dapat melihat video di bawah ini:

Bangun situs web dengan Elementor hari ini

Saat ini, lebih dari sebelumnya, perusahaan ingin mengembangkan kehadiran online.

Baik Anda ingin memulai kehadiran online Anda sendiri atau membantu pelanggan Anda terhubung, mempelajari cara menggunakan Elementor untuk membangun situs web tidak hanya akan memungkinkan Anda membuat situs web yang indah dan efektif, tetapi juga:

Hemat waktu dan hilangkan kebutuhan untuk bekerja langsung dengan kode.
Kurangi masalah kompatibilitas dan sederhanakan perawatan dengan memberikan semua alat terpenting di satu tempat.
Hemat uang dan sederhanakan biaya Anda dengan menghilangkan kebutuhan untuk membeli banyak plugin terpisah untuk fitur utama.

Untuk melihat apakah Elementor tepat untuk Anda, Anda dapat menginstal versi gratis dari WordPress.org dan mulai buat situs web pertama Anda.

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Autopilot SEO untuk WooCommerce

Mengoptimalkan konten blog Anda untuk berbagai mesin pencari (SEO) adalah bagian yang sangat penting dari situs web e-niaga mana pun. Secara asli WooCommerce tidak mendukung SEO, ini WordPress Plugin secara otomatis menambahkan fungsi ini ke WooCommerce sehingga dapat berkomunikasi lebih baik dengan berbagai mesin pencari.

Adapun fitur yang ditawarkannya antara lain: otomasi dan optimasi kata kunci, menghapus iklan, spam atau gangguan serupa lainnya, personalisasi metadata yang tidak terbatas di semua halaman; cadangan, pulihkan dan atur ulang tersedia, kepatuhan dengan GDPR, dukungan pelanggan yang tersedia dan banyak lagi.

Download | Demo | Hébergement Web

2. Showcase tim

Team Showcase adalah addon yang sempurna, dirancang untuk menampilkan anggota tim Anda dalam kisi yang indah atau carousel yang responsif. Anda akan dapat mengelola anggota Anda dengan mengelompokkan mereka menjadi beberapa tim terpisah. Untuk melakukan ini, cukup pilih opsi yang ingin Anda tampilkan, pilih tema WordPress dan terapkan warna yang telah ditentukan sebelumnya.

Etalase tim untuk plugin wordpress komposer visual

Tidak ada baris kode yang diperlukan untuk tindakan ini. Fitur-fiturnya antara lain: 10 tema khusus, 10 set warna, 10 opsi tampilan, Efek animasi CSS3, kemungkinan disisipkan di halaman, desain yang sepenuhnya responsif, dll ...

Download | Demo | Hébergement Web

3. Composium

Ini adalah ekstensi dari Visual Composer yang menambah ini, lebih dari 90 elemen baru ke konten default dari plugin ini. Selain itu, ia hadir dengan lightbox, pengelola font, jenis posting khusus, dan banyak lagi.

Addons tak terbatas untuk komposer visual pembuat halaman wpbakery

Fitur lainnya adalah: 16 font ikon dan lebih dari 4 ikon, dukungan untuk font ikon, dukungan untuk Pengelola Font Google, lebih dari 70 efek animasi CSS3, generator widget, manajemen file yang cerdas, dll…

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Jadi ! Sekian untuk tutorial kali ini, semoga memudahkan anda dalam menggunakan Elementor untuk membuat website. Apakah Anda masih memiliki pertanyaan atau saran? Beri tahu kami di dalam komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda.

...

Cara menggunakan Elementor untuk membangun situs web