Panduan Utama Anda untuk Template Squarespace

Tooltester didukung oleh pembaca seperti Anda. Kami dapat memperoleh komisi afiliasi ketika Anda membeli melalui tautan kami, yang memungkinkan kami menawarkan penelitian kami secara gratis.

Menurut Squarespace, templatnya “memenangkan penghargaan”. Tapi itu bisa berarti apa saja, sungguh. Bahkan bisa jadi hanya sekedar pemasaran omong kosong.

Jadi saya memutuskan untuk menyelidikinya.

Beberapa pencarian Google kemudian, saya menemukan kebenarannya: Squarespace sebenarnya telah terpilih dan memenangkan beberapa penghargaan Webby, termasuk satu untuk desain visual terbaik.

Saya harus mengakui bahwa saya tidak sepenuhnya terkejut. Squarespace telah lama menjadi standar emas dalam hal desain template yang ramping dan halus untuk situs web profesional Anda.

Seperti yang dicatat oleh ulasan lengkap kami mengenai pembuat situs web: “hampir tidak ada perusahaan lain yang memahami cara menampilkan produknya dengan kesempurnaan seperti itu. Semuanya terlihat keren, segar dan sempurna”. Anda hanya perlu melihat beberapa contoh situs web Squarespace yang sebenarnya untuk melihat bahwa situs web mereka benar-benar menonjol.

Dengan rilis terbarunya 7.1, cara kerja template Squarespace sedikit berbeda – namun itu tidak berarti kualitasnya berkurang. Faktanya, template Squarespace kini lebih serbaguna dari sebelumnya.

Namun, templat versi 7.0 juga memiliki beberapa keunggulan – dan yang menakjubkan, templat tersebut masih tersedia untuk digunakan. Jadi, mari kita jelajahi perbedaan antara kedua versi tersebut, untuk membantu Anda memutuskan mana yang lebih baik untuk situs web Anda.

Ada Berapa Banyak Template Squarespace?

Salah satu hal pertama yang saya cari ketika memberi peringkat template adalah pilihan yang bagus. Namun sebagai seseorang yang telah menyia-nyiakan waktu berjam-jam dalam hidup saya untuk menelusuri ratusan template WordPress, saya juga dapat memberi tahu Anda bahwa terlalu banyak pilihan dapat menyusahkan.

Jadi kabar baik pertama di sini adalah bahwa Squarespace tampaknya berada di tempat yang tepat. Baik versi 7.0 maupun 7.1 masing-masing menawarkan sekitar 110 templat, tersedia dalam 15 kategori berikut:

• Portofolio
• Fotografi
• Toko Online
• Blog & Podcast
• Layanan profesional
• Bisnis Lokal
• Komunitas & Nirlaba
• Acara
• Pernikahan
• Hiburan
• Keanggotaan
• Restoran
• Pribadi & CV
• Real Estat & Properti
• Luncurkan Halaman

Itu adalah angka yang bisa dikelola. Namun jika Anda menghitungnya, tidak banyak templat per kategori. Namun, Anda akan menemukan bahwa setiap template cukup fleksibel untuk dimodifikasi untuk berbagai tujuan – terutama dengan rilis terbaru 7.1.

Templat toko online

Baik Anda menjual fesyen, perlengkapan rumah tangga, atau produk hewan peliharaan, ada dasar-dasar utama yang membuat toko online bagus:

• Mudah dinavigasi
• Tombol ajakan bertindak yang menonjol untuk transaksi
• Foto dan video berkualitas tinggi untuk memamerkan produk Anda
• Hapus informasi pengiriman dan pengembalian
• Peringkat, ulasan, dan bukti sosial lainnya untuk membangun kepercayaan

Kami menyukai template Alameda untuk situs e-niaga karena ini merupakan cara yang fleksibel dan sederhana untuk menjual produk Anda. Ini adalah template yang bagus terlepas dari apakah Anda masih membangun merek atau sudah membangunnya.

Tata letaknya yang minimalis dan modern membuat produk Anda menonjol, jadi Anda tidak perlu menyiapkan logo, video, atau konten merek lain yang mewah sebelum meluncurkan toko Anda. Namun, Anda tetap membutuhkan foto produk Anda yang berkualitas bagus tentunya.

Terlebih lagi, kami menyukai betapa mudahnya berbelanja di toko bertema Alameda, hal ini penting karena Anda ingin menghilangkan hambatan yang menyulitkan pelanggan Anda untuk berbelanja. Dengan Alameda, pelanggan dapat melihat foto produk lainnya dengan mengarahkan kursor ke ubin. Anda juga dapat menandai item untuk dijual dan menunjukkan penurunan harga, yang membantu menciptakan rasa urgensi.

Anda dapat dengan mudah menetapkan produk ke berbagai kategori dan menyesuaikan navigasi Anda untuk memudahkan orang menelusuri.

Templat portofolio

Portofolio penting bagi materi iklan, baik Anda bekerja dengan barang visual, tertulis, atau fisik. Portofolio yang baik harus menunjukkan kepribadian dan filosofi Anda sekaligus cukup sederhana agar karya Anda berbicara sendiri. Klien hanya akan menghabiskan beberapa menit untuk melihat portofolio Anda sehingga Anda harus menyampaikan pesan Anda dengan jelas dan efisien.

Kami telah menyebutkan template Tepito sebelumnya, dan kami menyukainya untuk portofolio karena menawarkan keseimbangan yang bagus antara teks dan visual. Untuk template yang lebih visual, kami merekomendasikan template Ortiz. Dengan template ini, Anda dapat menyertakan teks pengantar tentang diri Anda dan galeri yang menampilkan karya Anda dalam bentuk visual. Jika orang ingin melihat lebih banyak biodata atau portofolio Anda, mereka dapat memilih menggunakan menu yang mudah dinavigasi di bagian atas halaman.

Ini memberikan banyak ruang antara visual dan teks agar mata beristirahat dan menghargai konten.

Templat blog

Blog yang dirancang dengan baik menampilkan postingan terbaru Anda sehingga orang dapat mengetahui bahwa situs Anda diperbarui secara berkala. Orang tidak mungkin berlangganan buletin blog Anda atau membaca dengan teliti konten Anda jika mereka tidak tahu kapan terakhir kali diperbarui. Itu juga perlu memasukkan visual, sehingga postingan Anda menarik pembaca. Anda bisa menjadi penulis yang hebat, tetapi Anda tetap membutuhkan foto berkualitas tinggi untuk menarik perhatian orang.

Kami menyukai template Stanton untuk blog. Stanton memungkinkan Anda menambahkan uraian singkat yang memberi tahu orang-orang tentang blog Anda, bersama dengan gambar. Saat orang menggulir ke bawah, postingan terbaru Anda akan ditampilkan di tampilan galeri bersama dengan teks pratinjau, gambar, dan tanggal. Contohnya di sini untuk blog resep, tetapi templatenya sangat bagus untuk blog perjalanan, fotografi, kesehatan, atau blog desain.

Templat penjadwalan bisnis

Penjadwalan online sangat penting bagi bisnis dan konsultan independen. Situs web dengan fitur pemesanan yang dirancang dengan baik (seperti kalender online) menghilangkan kebutuhan calon klien untuk menelepon atau mengirim email dan menunggu tanggapan dari Anda. Ini juga menghentikan kebutuhan untuk bolak-balik mencari tahu ketersediaan. Semakin mudah orang menjadwalkan panggilan, semakin besar kemungkinan mereka akan melakukannya.

Kami menyukai template Almar untuk bisnis dan konsultan karena memiliki alat penjadwalan online yang mudah digunakan. Ini juga memungkinkan Anda menambahkan area yang mudah dinavigasi untuk memberi tahu orang-orang tentang berbagai layanan yang Anda tawarkan. Anda bahkan dapat menambahkan bagian untuk logo dan testimoni klien untuk membangun kepercayaan dengan calon klien.

Templat halaman arahan

Terkadang, Anda tidak memerlukan seluruh situs web untuk layanan atau bisnis Anda. Hal ini biasanya terjadi ketika Anda memiliki satu acara, produk, atau layanan dan Anda hanya ingin orang-orang mendaftar ke acara tersebut. Satu halaman arahan juga merupakan cara yang baik untuk “memarkir” situs web yang belum diluncurkan. Seringkali, lebih baik memiliki halaman arahan daripada tidak memiliki kehadiran online sama sekali.

Laman landas Anda harus menarik secara visual, mudah digunakan, dan memberikan kesan mendesak kepada orang-orang. Templat terbaik untuk laman landas memungkinkan Anda menambahkan gambar besar dan menarik, informasi penting tentang acara atau produk Anda, dan ajakan bertindak yang jelas, baik itu RSVP, pendaftaran, pembelian, atau sekadar menghubungi bisnis Anda.

Ajakan bertindak Anda tidak harus berupa tombol. Ini bisa menjadi pesan yang memberitahu orang untuk melakukan sesuatu. Laman landas Anda juga dapat tertaut ke informasi lain tentang bisnis Anda, seperti laman induk atau profil Instagram.

Kami menyukai template Wycoff untuk halaman arahan karena memiliki semua elemen ini. Tujuan situs ini jelas, dan ajakan bertindak sulit untuk dilewatkan.

Template dan Keluarga Squarespace Terbaik di Versi 7.0

Jika Anda memutuskan untuk menggunakan template versi 7.0, tempat yang baik untuk memulai adalah keluarga template Brine. Ini yang paling populer dan fleksibel, digunakan untuk membuat lebih dari 40 templat. Ini memiliki Halaman Produk Lanjutan, pengguliran paralaks, dan Halaman Indeks bertumpuk.

Berikut adalah contoh template Brine asli yang menjadi dasar toko online yang menjual acar. Sekarang saya belum tahu potensi bisnisnya, tapi desainnya terlihat bagus.

Namun inilah keajaiban keluarga templat: inilah Brine yang sepenuhnya diubah menjadi situs web Restoran bernama Basil. Di bawah ini adalah halaman menu, yang menggunakan “halaman koleksi” untuk menambahkan item.

Dan ini sekali lagi, diubah menjadi templat bernama Hatch, yang cocok untuk situs web pribadi atau halaman portofolio pekerja lepas.

Berikut ini contoh lainnya yang sangat saya sukai:

Templat Blog Great Squarespace – Tudor

Maksudku, lihat saja itu. Tudor bergaya majalah, bersih, tata letak 3 kolom (yang dapat disesuaikan), tipografi modern yang bagus, ikon media sosial minimal. Itu membuat saya ingin memulai sebuah blog hanya untuk bermain-main dengan template ini.

Templat Squarespace Hebat untuk Portofolio – York

York digunakan di sini untuk seorang desainer, tetapi siapa pun yang berkreasi dengan media visual dapat membuat karyanya bersinar. Gambar menjadi pusat perhatian, dan Anda mendapatkan lebih banyak info saat mengarahkan kursor ke gambar tersebut, cocok untuk deskripsi proyek singkat atau studi kasus.

Template Squarespace Terbaik untuk Fotografer – Ishimoto

Saya sangat menyukai bagaimana tema Ishimoto ini memungkinkan Anda menyorot satu gambaran besar dan memungkinkan pengguna menavigasi galeri dengan cepat berkat carousel. Minimalis, efektif, dan indah. Tip: temukan informasi lebih lanjut tentang pembuat situs web fotografi di sini.

Apakah Ada Perbedaan Antara 'Templat' dan 'Tema'?

TIDAK.

Itu adalah hal yang sama tetapi dengan nama yang berbeda. Squarespace sendiri menyebutnya template, bukan tema. Tapi… ada juga kelompok template.

Tunggu, Apa Itu Keluarga Templat Squarespace?

Pertanyaan bagus. Hal pertama yang harus dipahami di sini adalah bahwa kelompok templat adalah istilah yang hanya relevan dengan versi 7.0 . Ini hanyalah sekelompok templat yang memiliki struktur dasar yang sama.

Mengapa ini penting? Artinya, beberapa opsi gaya hanya akan tersedia di kelompok template tertentu.

Misalnya, di versi 7.0, template Adversary, Alex, dan Ginger semuanya didasarkan pada keluarga Marquee. Beberapa ciri unik dari keluarga itu adalah:

• Header situs dapat diperbaiki di bagian atas saat menggulir
• Ukuran logo tidak dapat diubah
• Bilah samping tidak didukung
• Pengguliran paralaks berfungsi pada spanduk

Templat Adversary, digunakan untuk situs band

Namun hal itu tidak lagi penting di versi 7.1, karena semua templat termasuk dalam keluarga yang sama . Jadi, Anda akan memiliki opsi yang sama untuk mendesain dan menata gaya situs Anda , apa pun template yang Anda pilih.

Yang membawa kita ke poin penting berikutnya: bagaimana memilih template Squarespace yang tepat:

Bagaimana Saya Harus Memilih Templat Squarespace?

Memilih template Squarespace bisa jadi rumit (terutama jika Anda memiliki begitu banyak desain cantik untuk dipilih!), namun Anda memiliki sejumlah alat yang dapat membantu membuat prosesnya sedikit lebih mudah:

• Manfaatkan kategori (Toko Online, Portofolio, dll) untuk membantu Anda menyaring pilihan Anda. Tidak dapat menemukan templat yang Anda sukai di kategori Anda? Tidak masalah – karena semua templat dapat disesuaikan dengan tujuan apa pun, cukup pilih templat yang memiliki tampilan dan nuansa serupa dengan yang Anda inginkan untuk situs Anda, apa pun kategorinya
• Pastikan untuk melihat pratinjau template sebelum Anda memutuskannya (Anda bahkan dapat mendemonstrasikannya sepenuhnya untuk mendapatkan gambaran seperti apa tampilan situs langsung). Ini sangat penting, karena nanti Anda tidak akan bisa berpindah template (jika menggunakan versi 7.1)

Dengan templat Squarespace versi 7.1, cukup mudah untuk mengubah tata letak Anda, berkat kemampuan untuk menambahkan bagian yang sudah dibuat sebelumnya. Jadi saya akan merekomendasikan memilih template berdasarkan gaya (font, warna, dll) daripada layout , karena dibutuhkan lebih banyak pekerjaan untuk membuat perubahan gaya daripada yang struktural.

Jika Anda menggunakan templat versi 7.0, ingatlah bahwa opsi gaya Anda ditentukan oleh kelompok templat Anda . Itu berarti Anda perlu mempertimbangkan bagaimana Anda ingin situs Anda berperilaku saat memilih template. Apakah Anda ingin membuat daftar posting blog Anda dalam kotak? Apakah Anda memerlukan sidebar konten? Bagaimana dengan link navigasi di footer?

Saya tahu ini kedengarannya agak berlebihan, tapi untungnya Squarespace memiliki bagan perbandingan template yang berguna untuk template v7 di sini.

Template Squarespace di Versi 7.1

Hal yang hebat tentang pendekatan yang diambil Squarespace di versi 7.1 adalah semua templat memiliki struktur dasar dan opsi gaya yang sama . Ini memberi Anda banyak kebebasan untuk menyesuaikan templat sesuai keinginan Anda – sesuatu yang sangat kurang di versi 7.0.

Jadi misalnya, Anda mungkin memulai dengan templat yang sangat minimalis dan hanya berisi teks seperti Suhama (ideal untuk CV dan situs pribadi):

Dan lakukan penyesuaian (masukkan bagian baru, ubah font dan warna, dll) untuk mendapatkan template yang lebih kaya secara visual seperti Tepito:

Faktanya, templat Squarespace versi 7.1 sangat serbaguna sehingga Anda dapat memodifikasi salah satu elemen berikut:

• Font (keluarga font, spasi, tinggi, dll)
• Warna (berkat skema dan palet warna Squarespace yang dapat disesuaikan)
• Tombol
• Animasi
• Jarak
• CSS khusus
• Dan banyak lagi

Semua elemen ini dapat dikustomisasi di menu Desain – lihat tutorial Squarespace kami untuk mempelajari lebih lanjut.

Dengan lebih dari 100 templat yang dapat dipilih di Squarespace 7.1, memilih templat yang tepat bisa jadi sangat melelahkan. Kami telah memilih templat favorit kami di setiap kategori. Kami harap Anda akan menemukan template yang tepat untuk Anda, baik Anda memulai blog, toko online, situs portofolio, atau halaman arahan.

Berapa Banyak Kustomisasi yang Saya Dapatkan Dengan Versi 7.0?

Seperti yang Anda lihat pada keluarga Brine, Anda dapat sepenuhnya mengubah template Anda dengan memindahkan elemen dan menggunakan opsi penyesuaian standar. Ini semua dilakukan melalui Gaya Situs.

Contoh Gaya Situs dengan template Brine

Gaya Situs memungkinkan Anda mengubah hal-hal seperti:

• Tipografi : (keluarga font, warna dan ukuran)
• Ukuran dan nilai (untuk padding, spasi, dll)
• Rasio aspek gambar
• Gambar latar belakang
• Menampilkan dan menyembunyikan elemen
• Dan banyak lagi…

Setelah melakukan perubahan, Anda dapat memutuskan untuk membatalkan atau menyimpannya. Jika disimpan, mereka akan muncul langsung di situs Anda.

Namun jika Anda menginginkan lebih banyak opsi penyesuaian, Anda beruntung karena Squarespace juga menawarkan:

• Templat kosong: pilih templat situs web kosong daripada menggunakan demo dengan kontennya, ini dapat memberi Anda kontrol lebih kreatif.
• Kode khusus: Ya, Anda dapat menambahkan HTML atau CSS untuk membuat situs web yang benar-benar khusus. Namun Anda memerlukan paket Bisnis untuk melakukannya, dan dukungan tidak akan membantu Anda jika terjadi kesalahan (sampai Anda menghapus kode khusus).

• Fitur premium: bergantung pada paket Squarespace Anda, Anda dapat menambahkan fitur premium seperti blok kode yang disebutkan di atas, injeksi JavaScript, dan banyak lagi.

Hal terakhir yang perlu diperhatikan: saat Anda mendaftar uji coba Squarespace gratis, semua fitur Premium diaktifkan secara otomatis. Namun, Anda akan kehilangannya jika rencana Anda tidak mendukungnya nanti.

Apakah Template Squarespace Ramah Seluler?

Secara default, ya. Semua templat Squarespace dirancang agar responsif, sehingga elemen-elemennya akan diatur ulang agar terlihat bagus di layar dengan ukuran berapa pun.

Namun, di versi 7.0 Anda memiliki opsi untuk mengubah beberapa elemen, jika Anda ingin membuat situs berfungsi dengan baik. Misalnya, lihat judul pada tema Mojave ini terlalu besar untuk layar kecil?

Judul mungkin perlu dipersingkat atau diubah ukurannya secara manual untuk seluler

Selain itu, Anda dapat menjadikan situs Anda lebih mobile-friendly dengan mengikuti beberapa tips dan trik.

Berapa Harga Template Squarespace?

Itu mudah: semuanya gratis. Anda hanya membayar berapa pun biaya paket Squarespace Anda.

Namun Anda juga dapat membeli templat yang dibuat khusus langsung dari desainer eksternal. Ini cenderung berada di kisaran $100-300.

Apa Perbedaan Template Squarespace Versi 7.0 dan 7.1?

Saat Anda mendaftar ke situs web Squarespace baru, Anda akan secara otomatis disajikan dengan templat terbaru Squarespace (versi 7.1) yang dapat Anda pilih:

Namun, jika Anda menggulir halaman ke bawah, Anda akan melihat opsi untuk memilih dari templat versi 7.0 yang lebih lama:

Secara visual, tidak ada perbedaan besar antara templat 7.0 dan 7.1 – kedua versi menawarkan desain situs web penuh gaya yang mencerminkan merek minimalis unik Squarespace.

Namun secara fungsional, ada beberapa perbedaan utama yang perlu diperhatikan. Menurut pendapat saya, yang paling penting adalah template Squarespace 7.1 menggunakan template dasar yang sama, artinya template apa pun yang Anda pilih, Anda akan memiliki akses ke opsi tata letak dan gaya yang sama seperti template lainnya.

Selain itu, versi 7.1 menawarkan lebih dari 100 bagian yang telah dibuat sebelumnya (judul, teks, gambar, galeri, dan lainnya), yang dapat ditambahkan ke halaman mana pun. Hal ini pada akhirnya memberi Anda kendali lebih besar terhadap desain situs Anda.

Mari kita uraikan perbedaan-perbedaan ini menjadi lebih detail:

Bisakah saya beralih dari Templat Versi 7.0 ke Templat 7.1?

Sayangnya tidak ada cara untuk mengubah dari template Squarespace versi 7.0 ke template 7.1 . Jika Anda sudah memiliki situs yang dibuat dengan templat 7.0, satu-satunya cara untuk meningkatkan ke 7.1 adalah dengan membangun kembali situs Anda secara manual. Itu berarti membuat ulang tata letak dan menyalin serta menempelkan konten yang sudah ada.

Bisakah Saya Menemukan Template Squarespace di Tempat Lain?

Ya, seperti disebutkan di atas. Cukup telusuri “Template Premium Squarespace” dan Anda akan menemukan beberapa pengembang yang berspesialisasi dalam menjual desain Squarespace khusus. Idealnya, perusahaan-perusahaan ini dapat langsung menginstal template ke akun Squarespace Anda (jika Anda sudah memiliki situs Squarespace).

Namun perlu diingat bahwa banyak templat memerlukan penggunaan Platform Pengembang Squarespace – dan saat ini hanya tersedia untuk versi 7.0 . Untuk versi 7.1, Anda juga dapat membeli kit template Squarespace di beberapa situs web yang dilengkapi dengan petunjuk pengaturan langkah demi langkah (pada dasarnya Anda menggunakan karya seni mereka dan membuat sendiri desain di Squarespace). Ini sepertinya merupakan jalan memutar yang rumit, namun dapat berguna jika Anda ingin mengubah situs Anda sendiri nanti.

Hal penting yang perlu diperhatikan: jika Anda menyalin dan menempelkan kode sendiri, kode tersebut akan berada di luar cakupan dukungan Squarespace.

Mengenai pro dan kontra lainnya dari template Premium Squarespace? Menurut saya, keuntungan utamanya adalah situs Anda akan menonjol dari yang lain . Bahkan dengan semua opsi penyesuaian, kemungkinan besar Anda akan menemukan lebih banyak situs yang mirip dengan milik Anda.

Namun biayanya juga bisa mahal, terutama jika Anda perlu membeli perubahan di kemudian hari. Tentu saja, akan ada biaya tetap untuk template premium, tetapi Anda akan terikat pada kode pengembang, dan mereka mungkin tidak menawarkan dukungan tanpa batas.

Kesimpulan: Kelebihan dan Kekurangan Template Situs Web Squarespace

Ada banyak hal yang disukai tentang template Squarespace – dan terlebih lagi dengan versi 7.1. Desain situs webnya sempurna, seperti yang diharapkan, tetapi penyesuaian dan jangkauannya juga tampaknya memberikan jumlah pilihan yang tepat tanpa berlebihan.

Kelebihan Template Squarespace

• Bergaya, dan estetis
• Pilihan yang layak
• Fleksibilitas dan opsi penyesuaian yang baik (terutama dengan versi 7.1)
• Anda dapat menambahkan kode khusus

Namun, saya dapat memahami bagaimana beberapa orang menginginkan lebih banyak opsi atau pilihan penyesuaian. Dalam hal ini, saya mungkin akan merekomendasikan Anda untuk melihat Wix (cukup fleksibel untuk menempatkan semuanya secara manual dari editor), Weebly (yang memungkinkan Anda mengubah kode sesuai keinginan Anda), atau bahkan Webflow (yang memberi Anda kendali penuh atas Anda desain situs, tanpa memerlukan pengkodean apa pun).

Kontra Template Squarespace

• Kustomisasi tingkat lanjut mungkin memerlukan fitur premium
• Mereka mengandalkan gambar yang besar dan indah. Jika konten Anda tidak berkualitas tinggi, template akan segera terlihat kurang menarik
• Templat dapat disesuaikan, namun tetap berdasarkan kisi-kisi yang kaku. Anda tidak mendapatkan kendali penuh atas elemen seperti pembuat lainnya yang lebih fleksibel.

Dan itu sudah mencakup semuanya. Ada lagi yang ingin Anda ketahui tentang template Squarespace? Beri tahu saya di komentar di bawah.