Archive

Tutorial gratis “cara membuat situs web”

Tutorial gratis ini akan menunjukkan kepada Anda cara membuat situs web berkualitas profesional hanya dengan beberapa klik sederhana. Panduan ini dirancang untuk pemula mutlak, jaditidak ada pengalaman sebelumnya yang diperlukan.

Jika Anda mengikuti tutorial ini, dalam waktu sekitar 1 jam Anda akan memiliki situs web berkualitasprofesional , tanpa harus membayar desainer web ribuan dolar.

Situs web Anda akan mudah disesuaikan dengan pembuat situs web drag & drop sederhana, yang memberi Anda desain profesional berkualitas tinggi yang akan terlihat hebat dan berfungsi dengan benar di PC, Mac, tablet, atau seluler.

Berikut adalah ikhtisar tentang apa yang ada dalam panduan ini:

Cara Membuat Situs Web dalam 6 Langkah
Pilih nama domain kustom
Daftarkan domain Anda & dapatkan hosting web
Menginstal situs web Anda
Mengkustomisasi situs web Anda
Menambahkan toko daring Anda (opsional)
Bawa pengunjung ke situs web baru Anda

Anda harus dapat menyelesaikan semua langkah ini dalam waktu sekitar satu jam.

Ayo kita mulai!

Langkah #1: Pilih nama domain
Langkah pertama untuk menyiapkan situs web Anda adalah memilih nama domain.

Nama domain adalah sesuatu seperti yourwebsite.com

Anda harus memilih ekstensi domain seperti, , , .com.net.org.co

Sementara yang paling disukai, salah satu ekstensi lain di atas akan bekerja juga. .com

Setelah mengetahui nama domain yang ingin Anda gunakan, Anda perlu memeriksa untuk memastikan nama domain tersedia:

Masukkan nama domain…

Jika domain yang Anda inginkan tidak tersedia, coba ekstensi domain lain, atau coba singkati atau susun ulang kata. Setelah Menemukan domain yang tersedia, Anda siap untuk bergerak maju.

Langkah #2: Daftarkan domain Anda & dapatkan hosting web
Untuk mendapatkan situs Anda secara online, Anda perlu mendaftarkan nama domain Anda dan mendapatkan hosting web.

Web hosting adalah layanan yang menyimpan konten (gambar, teks, video) untuk situs web Anda dan mengirimkannya kepada pengunjung ketika mereka mengunjungi nama domain Anda.

Di mana mendapatkan nama domain GRATIS dengan hosting web
Saya pribadi menggunakan dan merekomendasikan BlueHost.com untuk hosting web dan pendaftaran domain.

Saya suka BlueHost karena beberapa alasan:

Mereka akan mendaftarkan nama domain Anda secara gratis ketika Anda membeli hosting web.
Mereka termasuk akun email profesional gratis (misalnya: [email protected])
Mereka menawarkan instalasi WordPress gratis otomatis (pembuat situs web gratis yang saya tunjukkan kepada Anda cara menggunakannya dalam panduan ini).
Mereka memiliki layanan pelanggan yang baik dan menawarkan jaminan uang kembali jika Anda tidak puas karena alasan apa pun.
Yang paling penting, mereka menawarkan hosting web yang cepat dan andal sehingga situs web Anda berjalan dengan lancar, tanpa masalah.
Pengungkapan: BlueHost mengkompensasi saya ketika Anda membeli melalui tautan saya, jadi layanan saya gratis untuk Anda! Bahkan, jika Anda memiliki kesulitan sama sekali mengatur situs web Anda dengan tutorial ini, cukup hubungi saya dan saya akan dengan senang hati membantu.

Paket BlueHost akan memberi Anda semua yang Anda butuhkan untuk situs web Anda. Berikut cara mendaftar di BlueHost:

1. Klik di sini untuk mendapatkan harga terendah di BlueHost dan kemudian klik “mulai sekarang”.
2. Pilih paket hosting web Anda.
Baik paket Choice Plus atau Pro adalah opsi yang bagus.
Keduanya termasuk ruang penyimpanan tak terbatas dan cadangan situs web gratis, serta privasi domain.
Keuntungan dari paket Pro adalah bahwa itu juga termasuk alamat IP khusus dan kecepatan pemuatan halaman web yang lebih cepat.
Perbedaannya sepadan dengan biaya tambahan jika Anda memulai situs web bisnis, tetapi jika tidak ada dalam anggaran Anda maka paket Choice Plus akan tetap memberi Anda semua yang Anda butuhkan.

3. Masukkan nama domain yang Anda inginkan di kotak kiri dan klik “next” untuk mengonfirmasi bahwa nama domain tersedia untuk mendaftar.
Jika Anda sudah memiliki nama domain yang telah Anda daftarkan dan ingin menggunakannya untuk situs web Anda, ketikkan domain yang ada di kotak kanan lalu klik “berikutnya”. Catatan: Kotak yang tepat hanya untuk mereka yang memiliki domain yang telah mereka daftarkan.

4. Sekarang Anda perlu memasukkan semua detail Anda untuk terdaftar.

5. Anda juga harus memilih beberapa opsi untuk paket hosting Anda.
Paket 36 bulan memberi Anda tarif bulanan terendah. Paket 12 bulan memiliki biaya start-up yang lebih rendah. Anda dapat membatalkan kapan saja dan mendapatkan pengembalian dana untuk bulan-bulan yang tersisa pada paket Anda.
Saya sarankan menghindari produk tambahan untuk saat ini. Mereka tidak diperlukan dan Anda selalu dapat menambahkannya nanti jika Anda mau.

6. Sekarang Anda harus membuat kata sandi untuk akun Anda

dan pindah ke langkah berikutnya.
Langkah #3: Instal situs web Anda & buat email kustom
Sekarang platform pembuat situs web WordPress akan diinstal secara otomatis.

Meskipun ada ratusan platform membangun situs web, jauh dan jauh platform yang paling populer adalah WordPress.

WordPress pertama kali dirilis kembali pada tahun 2003 sebagai platform sederhana untuk membuat blog. Sejak itu telah berkembang menjadi sistem manajemen konten paling populer di dunia untuk semua jenis situs web.

Saat ini WordPress mendukung lebih dari 60 juta pengguna, besar dan kecil, termasuk Bloomberg, BBC America, The Walt Disney Company, dan banyak lagi.

Tutorial ini menunjukkan kepada Anda cara membangun situs web menggunakan WordPress karena:

Gratis untuk digunakan. WordPress adalah apa yang dikenal sebagai “perangkat lunak sumber terbuka”, yang berarti gratis untuk digunakan dan disesuaikan. Anda hanya perlu memiliki akun hosting web.
2. Mudah untuk pemula. Anda bisa mendapatkan situs web profesional dan berjalan dalam beberapa menit dengan memilih dari ribuan templat yang dibuat sebelumnya dan menggunakan fitur pengeditan drag & drop sederhana. Tidak perlu pengkodean.
3. Dapat disesuaikan. Tidak peduli jenis situs web apa yang Anda mulai, WordPress mudah disesuaikan untuk kebutuhan Anda.
Setelah instalasi WordPress selesai, Anda akan mendapatkan email dengan informasi login WordPress Anda. Pastikan untuk melacak info login Anda!

Membuat alamat email kustom

Sementara Anda menunggu WordPress untuk menginstal Anda dapat melanjutkan dan membuat alamat email khusus untuk digunakan dengan situs web Anda.

Ini akan menjadi sesuatu seperti [email protected]

Untuk melakukan ini, dari dasbor BlueHost, klik tab “Lanjutan” di bar samping kiri.

Gulir ke bawah ke bagian yang disebut “Email” dan klik tautan untuk “Akun Email”.

Klik tombol biru untuk membuat akun email baru.

Anda kemudian dapat mengisi detail untuk akun email Anda dan mengklik “Buat” di bagian bawah.

 

Anda dapat masuk kapan saja ke akun email baru Anda dengan Bluehost.com, mengklik “Login”, lalu memilih “Login Webmail”.

Langkah #4: Mengkustomisasi situs web Anda
Sekarang saatnya untuk bagian yang menyenangkan!

Pertama, Anda harus masuk ke dasbor WordPress. Ini adalah area di mana Anda akan membuat pembaruan ke situs Anda.

Cukup klik tombol “WordPress” biru di halaman “Beranda” dari akun BlueHost Anda untuk masuk ke WordPress.

Memilih desain situs
Desain situs dikenal sebagai “tema” di WordPress. Mengubah tema Anda akan sepenuhnya mengubah desain situs web Anda.

Mengubah tema hanya membutuhkan beberapa klik, dan merupakan cara termudah untuk membuat perubahan besar pada desain situs web Anda.

WordPress menawarkan ribuan tema yang berbeda. Anda dapat menelusuri tema gratis yang tersedia dengan pergi ke sidebar kiri di dasbor WordPress dan mengklik “Penampilan -> Tema”

Dari sini Anda dapat menelusuri tema yang tersedia atau mencari sesuatu yang spesifik.

Anda bebas memilih tema apa pun yang Anda suka, tetapi saya sarankan menggunakan tema Astra, karena menawarkan berbagai situs web yang dirancang sebelumnya yang membuat seluruh proses ini mudah.

Dalam kotak pencarian, ketik “Astra”. Kemudian klik tombol “Install” berwarna biru pada tema Astra.

Setelah diinstal klik tombol biru “Aktifkan”.

Selanjutnya, pada menu sidebar kiri klik “Appearance –> Astra Options”

Kemudian klik tautan di sebelah kanan yang bertuliskan “Install Importer Plugin”

Setelah diinstal, Anda akan dibawa ke halaman dengan berbagai templat situs web untuk dipilih.

Anda dapat menelusuri, atau mencari sesuatu yang spesifik.

Ketahuilah bahwa beberapa templat (ditandai “Agensi”) mengharuskan Anda membayar untuk menggunakannya. Namun, ada begitu banyak opsi gratis sehingga template berbayar tidak benar-benar diperlukan.

Jangan terlalu menutup telepon pada nama-nama templat juga. Misalnya, berikut adalah template yang disebut “Toko Organik”:

Terlepas dari namanya, template ini dapat dengan mudah digunakan untuk segala jenis toko. Anda hanya akan menambahkan gambar produk Anda sendiri (yang akan Anda pelajari bagaimana melakukannya nanti dalam tutorial ini).

Gambar, konten, dan warna di setiap template dapat diubah, jadi kunci untuk menemukan template yang tepat untuk Anda adalah melihat tata letak dan fungsi keseluruhan.

Misalnya, jika tujuan utama situs web Anda adalah menjual produk, maka salah satu templat toko (cukup cari “toko”) akan berfungsi untuk Anda.

Setelah Anda menemukan template yang terlihat bagus, klik di atasnya, lalu klik tombol “Pratinjau” di kiri bawah untuk mendapatkan pratinjau lengkap.

Jika semuanya terlihat bagus, lanjutkan dan klik tombol biru “Impor Situs Lengkap”. Jika Anda berubah pikiran nanti, Anda selalu dapat kembali ke langkah ini dan memilih template yang berbeda.

Pada pop-up, pastikan empat kotak terbawah dicentang dan klik “Impor”.

Setelah impor selesai, Anda dapat menutup jendela pop-up.

Menambahkan logo Anda
Jika Anda belum memiliki logo untuk situs Anda, tidak apa-apa.

Anda dapat membuat logo gratis untuk situs web Anda dengan Canva.

Setelah mendapatkan logo, Anda dapat menambahkannya ke situs web dengan mengklik “Tampilan –> Opsi Astra” di menu sidebar kiri. Lalu klik “Unggah Logo”.

Pada layar berikutnya Anda dapat mengklik “Ubah Logo” untuk mengunggah logo baru Anda. Setelah mengunggah, Anda juga dapat menggunakan penggeser untuk mengubah lebar logo Anda.

Mengubah warna & font situs web Anda
Kembali ke “Penampilan -> Opsi Astra” dari bar samping kiri WordPress. Lalu klik “Atur Warna”

Dari sini Anda dapat menyesuaikan warna yang digunakan dalam desain situs web Anda. Ada beberapa opsi di sini, dari warna latar belakang hingga warna font.

Untuk menyesuaikan font Anda, kembali ke “Penampilan -> Opsi Astra” dari bar samping kiri WordPress. Lalu klik “Sesuaikan Font”. Ini akan memberikan opsi untuk mengubah gaya dan ukuran font yang digunakan dalam tema Anda.

Kustomisasi lainnya
Sekarang Anda telah melihat beberapa perubahan desain sederhana yang dapat dilakukan ke situs web Anda.

Untuk melihat semua opsi, buka “Penampilan -> Penyesuai” di sidebar kiri dasbor WordPress.

Jangan ragu untuk bereksperimen dengan berbagai opsi. Mereka semua sama mudahnya untuk berubah seperti opsi lain yang telah Anda ubah sejauh ini.

Kami akan melanjutkan lebih banyak penyesuaian di bagian di bawah ini tentang menambahkan konten.

Menambahkan konten ke situs web Anda
Sekarang Setelah Anda memiliki desain dasar untuk situs web Anda, saatnya untuk mulai menambahkan beberapa konten.

Template yang Anda pilih ketika Pertama kali mengatur situs web Anda berisi berbagai halaman yang perlu Anda edit, jadi mari kita lanjutkan terlebih dahulu.

Mengedit halaman yang sudah ada
Untuk memulai, Anda akan ingin menghapus halaman tempat penampung yang saat ini ditampilkan di situs web Anda. Untuk melakukan itu, klik menu “BlueHost” di bagian atas menu sidebar kiri lalu klik “Luncurkan situs Anda”.

Sekarang Anda ingin menavigasi ke halaman yang ingin Anda edit. Mari kita mulai dengan beranda.

Arahkan kursor ke ikon rumah di kiri atas dasbor WordPress, lalu klik “Kunjungi Situs”.

Ini akan membawa Anda ke beranda situs Anda sehingga Anda dapat melihat seperti apa tampilannya saat ini.

Untuk mengedit beranda klik “Edit dengan Elementor” dari bilah menu atas. Ingat bahwa hanya bisa melihat bilah menu atas itu, karena Saat ini Anda masuk ke situs Anda sebagai administrator.

Anda sekarang akan melihat editor halaman Elementor.

Ini adalah editor drag & drop yang mudah digunakan.

Anda akan melihat halaman yang sedang Anda edit di sebelah kanan layar, lalu berbagai opsi pengeditan di sebelah kiri.

Klik elemen apa pun di halaman dan opsi pengeditan yang tersedia akan muncul di sebelah kiri.

Misalnya, jika saya mengklik judul, kotak editor memungkinkan saya menambahkan teks baru, link, atau mengubah ukuran teks.

You can also click the “Style” tab at the top of the editor to bring up more editing options.

In addition to editing the elements that are already on the page, you can add new elements.

To do this, click on the dotted square at the top of the editing panel

Ini akan menunjukkan kepada Anda semua elemen berbeda yang dapat Anda tambahkan ke halaman Anda.

Menambahkan elemen itu sederhana. Cukup dan seret & letakkan elemen di tempat yang Anda inginkan di halaman Anda.

Misalnya, jika Anda ingin menambahkan Google Map ke halaman Anda, cukup seret & letakkan elemen tersebut ke lokasi yang Anda inginkan.

Lanjutkan menelusuri halaman Anda, mengedit elemen, menambahkan elemen baru, dan menghapus apa pun yang Anda lihat cocok.

Setelah selesai, klik tombol “Perbarui” di bagian bawah panel pengeditan untuk menyimpan perubahan Anda.

Membuat halaman baru
Selain beranda, Anda juga harus mempertimbangkan untuk menambahkan halaman berikut jika halaman tersebut tidak diinstal sebelumnya dengan templat yang Anda pilih:

Tentang – Ini adalah kesempatan untuk memberi pelanggan Anda backstory pada Anda dan proyek Anda. Ini juga merupakan tempat yang bagus untuk memasukkan testimonial.

Kontak – Sertakan beberapa opsi bagi orang untuk menghubungi Anda, termasuk alamat, telepon, formulir kontak, dan akun media sosial.

Layanan – Jika Anda adalah bisnis layanan maka Anda harus memiliki setidaknya satu halaman yang menjelaskan layanan yang Anda tawarkan.

Tanya Jawab Umum – Halaman pertanyaan yang sering diajukan adalah cara yang bagus bagi orang untuk menjawab pertanyaan mereka tanpa harus menghubungi Anda secara langsung.

Toko – Jika Anda berencana untuk menjual produk secara online, Anda akan membutuhkan halaman produk, halaman keranjang, dan halaman checkout. Jangan tambahkan ini sekalipun. Langkah #5 tentang cara menambahkan toko online akan menunjukkan kepada Anda cara menambahkan halaman ini.

Untuk menambahkan halaman baru, klik dasbor WordPress “Pages –> Add New”

Ketik judul untuk halaman Anda dalam kotak, lalu klik “Edit dengan Elementor”

Klik logo Templat Pemula Astra.

Dari pop-up, pilih templat desain yang ingin Anda gunakan untuk halaman baru ini.

Choosing the same design template you used on the rest of your site is a good idea.

Click on the design template and you will be given several page layouts to choose from for this new page.

Select the one you want and click “Import Template”.

You will be taken back to the editing screen with your new template activated.

From here you can edit your new page by adding, changing, and deleting elements just as you did previously.

Editing navigation menus
Most templates come with a menu pre-installed, but if yours doesn’t it is a good idea to add one to make everything easy to find for your visitors.

To edit or create a menu, click “Appearance –> Menus” from your WordPress dashboard.

On this page you can select pages and click “Add to Menu”. You can also drag & drop menu items to rearrange them.

You can also change the location of the menu. The location option will vary slightly depending on your template.

Once you have the menu arranged like you want, click “Save Menu” to publish the changes to your website.

If you don’t want to add an online store, go ahead and skip to the next section on marketing your website.

Step #5: Add your online store (optional)
If you are planning to sell products or services online, then an online store is what you need.

Integrating an online store with your website is really simple with WordPress.

To start, we need to install the WooCommerce plugin.

From the left sidebar on your WordPress dashboard, go to “Plugins –> Add New”

In the search box, type “woocommerce”, then click “Install Now” and then “Activate”.

You will now be taken to the setup wizard, which makes the whole process incredibly simple.

Cukup isi detail di setiap langkah panduan.

Pilih desain toko Anda
Langkah terakhir adalah memilih tema desain untuk toko Anda. Jika Anda menggunakan tema Astra yang disarankan di bagian sebelumnya dari tutorial, lanjutkan dan klik “Lanjutkan dengan tema aktif saya”.

Opsi pengiriman dan pajak
Anda sekarang akan diberi opsi untuk secara otomatis menginstal beberapa plugin yang akan membantu menghitung pengiriman dan pajak, serta mencetak label surat. Klik “Ya silakan!” untuk menginstal add-on ini.

Semua halaman yang Anda butuhkan untuk toko Anda sekarang akan dibuat secara otomatis.

Menambahkan opsi produk & pembayaran
Setelah semuanya diinstal, Anda akan dibawa ke area WooCommerce dasbor WordPress Anda.

Perhatikan dengan baik bagian “Selesai Penyetelan” di sebelah kanan.

The two items you will want to pay attention to are “Add my products” and “Set up payments”.

Click on either one and you will be taken to a setup wizard that will help you get those set up.

Customize your store
You may want to make some changes to the default layout for your store.

To do this, go to “Appearance –> Customize” from the WordPress dashboard sidebar.

This will take you to the theme customizer. From here, click “WooCommerce” from the left sidebar menu.

You now have options to edit the layout of the various pages in your online store.

For example, if you want to edit the options on your Checkout page, click on
“Checkout” on the sidebar.

You will then be shown the various options in the left sidebar, as well as a preview of your checkout page on the right.

When you are happy with your changes, click the “Publish” button at the top of the sidebar.

The same process can be repeated for each of the pages in your online store.

Other settings
You can make additional changes to the settings of your online store by going to the WordPress dashboard and clicking “WooCommerce –> Settings” from the left sidebar.

This will bring up the setting panel, where you can use the tabs to navigate to the particular setting you want to change.

Edit your navigation menu
Earlier in this tutorial you learned how to create and edit a navigation menu.

Now that your store is set up, it’s a good idea to add a link to your shop page in the navigation menu so that customers can easily access your products.

Add additional features
You can add additional features to your store by adding WooCommerce extensions.

Here are some of the most popular extensions:

Payments – Add other payment options for your customers beyond the default options.

Shipping – Integrate your online store with your shipping provider to easily create labels and track shipments.

Marketing – Helpful tools to increase engagement and drive repeat sales.

Bookings – Let clients book appointments easily, right from your website.

Subscriptions – Set up subscription payments for products and services.

Customer Service – Increase customer engagement to reduce refunds and maintain customer loyalty.

Step #6: Marketing your website
Now that you’ve finished designing a great website, it’s time to turn your attention to getting visitors.

There are a variety of ways to drive more traffic to your website, and the best options depend on the specifics of what you are trying to achieve.

For example, if you have a local business, then business review sites like Yelp and Angie’s List can make a huge difference.

If you are selling to a national or international audience then you will need to

Add your website to your current marketing campaigns
If you are already doing any sort of marketing for your business then that is also an opportunity to bring more people to your website, which helps build trust and ultimately leads to sales.

This means adding your website to things like business cards, flyers, print advertising, promotional items, billboards, and just about anything else.