bg-tutorials

Cara Menginstal Sertifikat SSL di PrestaShop dan Mengaktifkan HTTPS

Memindahkan toko PrestaShop ke HTTPS memerlukan tiga langkah: memasang sertifikat SSL di server Anda, mengaktifkan dua pengaturan di Shop Parameters, dan mengarahkan ulang lalu lintas HTTP lama. Langkah tengah inilah yang paling sering membuat orang keliru, karena PrestaShop memiliki dua pengaturan SSL, bukan satu, dan pengaturan kedua tetap terkunci sampai pengaturan pertama disimpan.

Jawaban singkat: dengan sertifikat yang sudah berfungsi di server Anda, buka Shop Parameters > General, klik tautan yang memeriksa apakah toko Anda mendukung HTTPS, atur Enable SSL ke Yes, lalu atur Enable SSL on all pages ke Yes, gulir ke bawah dan tekan Save. Jika sakelar kedua berwarna abu-abu (tidak bisa diklik), berarti sakelar pertama belum disimpan.

SSL (singkatan dari Secure Sockets Layer, meskipun sertifikat yang diterbitkan saat ini semuanya menggunakan TLS) adalah yang membuat ikon gembok pada bilah alamat toko Anda menyala dan memungkinkan gateway pembayaran beroperasi. Jika Anda ingin memahami dasarnya terlebih dahulu, baca apa itu sertifikat SSL. Langkah-langkah ini berlaku untuk PrestaShop 8 dan PrestaShop 9.

Metode mana yang sesuai dengan pengaturan PrestaShop Anda

Pengaturan AndaCara mendapatkan sertifikatPerkiraan waktu
Hosting terkelola atau cPanel dengan AutoSSLTerbitkan sertifikat gratis di panel, lalu aktifkan SSL di PrestaShop10 menit
VPS milik sendiri, tanpa panel hostingCertbot untuk sertifikat Let’s Encrypt20 menit
Sertifikat berbayar (OV, EV, atau wildcard)Buat CSR, pasang secara manual30 menit ditambah proses validasi
Cloudflare di depan tokoSertifikat di origin, Cloudflare disetel ke Full (strict)15 menit

Buat cadangan toko dan database sebelum Anda memulai. Pada toko yang sedang aktif, lakukan ini di luar jam sibuk: setiap menit halaman checkout tidak tersedia berarti kehilangan satu pesanan.

Sertifikat SSL mana yang sebaiknya digunakan toko PrestaShop?

Sertifikat gratis mengenkripsi lalu lintas sama baiknya dengan yang berbayar, dan untuk toko kecil, itu sering menjadi pilihan yang tepat. Perbedaan antara satu sertifikat SSL PrestaShop dengan yang lain terletak pada apa yang diverifikasi oleh otoritas sertifikat sebelum menerbitkannya, dan apa yang menjadi jaminannya jika terjadi masalah.

JenisApa yang diperiksa CADiterbitkan dalamSesuai untuk
Domain Validation (DV)Bahwa Anda mengendalikan domain tersebutBeberapa menitToko kecil, toko yang menggunakan halaman pembayaran ter-hosting
Organization Validation (OV)Domain ditambah perusahaan terdaftar Anda1 hingga 3 hari kerjaToko yang sudah mapan, B2B, di mana pembeli memeriksa kepada siapa mereka membayar
Extended Validation (EV)Pemeriksaan hukum dan operasional lengkap atas perusahaan1 hingga 3 hari kerjaNilai pesanan lebih tinggi, keuangan, toko yang menangani data kartu secara langsung

Ecommerce mengubah pertimbangan gratis versus berbayar dengan cara yang tidak berlaku untuk blog. Sertifikat berbayar membawa garansi yang menutup kerugian jika sertifikat itu sendiri gagal, dan segel situs (site seal) yang dapat Anda tampilkan di halaman checkout. Sertifikat gratis tidak memiliki keduanya, dan hanya berupa Domain Validation, sehingga tidak membuktikan apa pun tentang siapa yang menjalankan toko tersebut.

Dua hal lagi yang khusus untuk PrestaShop. Jika Anda menjalankan multistore di beberapa subdomain, sertifikat wildcard dapat mencakup semuanya dengan satu sertifikat, bukan satu per toko. Dan apa pun yang Anda pilih, HTTPS di sini bukanlah pilihan opsional: gateway pembayaran tidak akan memproses transaksi langsung melalui HTTP biasa, dan PCI DSS mewajibkan kriptografi yang kuat, dalam praktiknya TLS 1.2 atau lebih tinggi, pada setiap halaman yang mengirimkan data kartu. Jika Anda tidak yakin jenis mana yang berlaku, SSL Wizard dapat membantu mempersempit pilihannya.

Pasang sertifikat di server Anda

PrestaShop tidak memasang sertifikat. Proses itu terjadi di server terlebih dahulu, dan PrestaShop bahkan tidak akan menampilkan sakelar Enable SSL sampai Anda dapat mengakses back office melalui HTTPS.

  • Dari panel hosting Anda. Cari SSL/TLS, Let’s Encrypt, atau AutoSSL. Di cPanel, ini terletak di bawah Security. Terbitkan sertifikat untuk domain apex maupun versi www.
  • Di VPS. Gunakan Certbot, yang menerbitkan sertifikat dari baris perintah dan menyiapkan pengatur waktu pembaruan otomatisnya sendiri.
  • Sertifikat berbayar. Buat CSR dengan CSR generator kami atau panduan CSR, selesaikan proses validasi, lalu pasang sertifikat, private key, dan sertifikat perantara. Di cPanel, ini berada di SSL/TLS > Manage SSL sites, dibahas dalam panduan instalasi cPanel. Platform lain tersedia di panduan instalasi SSL.

Sertifikat Let’s Encrypt berlaku selama 90 hari dan diperpanjang secara otomatis sekitar 30 hari sebelum kedaluwarsa. Ketika otomatisasi itu gagal, toko tetap berfungsi selama beberapa minggu dan kemudian menjadi tidak aman tanpa peringatan, biasanya di tengah proses penjualan. Pastikan pembaruan otomatis aktif, dan periksa sertifikat setelah tanggal pembaruan pertama yang diperkirakan dengan SSL Checker.

Satu jebakan yang lebih penting pada toko dibandingkan situs lainnya: memasang sertifikat tanpa sertifikat perantaranya (intermediate certificates) tetap akan menampilkan ikon gembok di browser Anda, karena browser desktop menyimpan cache sertifikat perantara yang pernah mereka lihat di tempat lain. Gateway pembayaran Anda tidak akan melakukan hal yang sama. Toko yang tampak baik-baik saja tetapi gagal pada callback pembayaran sangat sering disebabkan oleh rantai sertifikat yang tidak lengkap.

Cara mengaktifkan SSL di PrestaShop

PrestaShop memiliki dua pengaturan SSL, bukan satu, dan urutannya penting:

  • Enable SSL mengamankan halaman checkout dan akun saja. Ini adalah nilai default historis PrestaShop, sejak zaman ketika toko menampilkan sebagian besar halaman melalui HTTP dan hanya mengenkripsi halaman yang sensitif.
  • Enable SSL on all pages mengamankan seluruh toko. Pengaturan ini tetap berwarna abu-abu sampai Enable SSL diaktifkan dan disimpan.

Anda menginginkan keduanya. Berikut urutan lengkapnya:

  1. Buka Shop Parameters > General di back office. Tutorial yang ditulis untuk PrestaShop 1.6 menyebut ini Preferences > General; menu tersebut diubah namanya di versi 1.7 dan pengaturannya sama.
  2. Klik “Please click here to check if your shop supports HTTPS.” Tautan itu memuat ulang back office melalui HTTPS. PrestaShop hanya menampilkannya ketika Anda melihat back office melalui HTTP biasa, jadi jika Anda sudah mengelola toko melalui HTTPS, Anda tidak akan melihatnya, dan bisa langsung melanjutkan.
  3. Atur Enable SSL ke Yes.
  4. Atur Enable SSL on all pages ke Yes.
  5. Gulir ke bagian bawah halaman.
  6. Tekan Save. Tidak ada perubahan yang berlaku sampai Anda melakukan ini.
Pengaturan Enable SSL dan Enable SSL on all pages di Shop Parameters PrestaShop

Instruksi ini berlaku untuk PrestaShop 8 dan PrestaShop 9. Versi 9.1.4 dan 8.2.7 adalah rilis terbaru per Juni 2026. PrestaShop 1.7 bekerja dengan cara yang sama, tetapi dukungan pemeliharaannya berakhir ketika PrestaShop 9.0 dirilis pada Juni 2025, sehingga tidak lagi menerima perbaikan keamanan dan pembaruan versi sebaiknya masuk dalam daftar tugas Anda. Versi 1.6 menggunakan nama menu yang lebih lama.

Mengapa sakelar Enable SSL berwarna abu-abu

Ini adalah masalah SSL PrestaShop yang paling umum. Sebelum melakukan hal lain, periksa terlebih dahulu jenis gejala mana yang sebenarnya Anda alami.

Jika Enable SSL sama sekali tidak muncul di halaman, berarti Anda melihat back office melalui HTTP biasa. PrestaShop hanya menampilkan sakelar tersebut pada koneksi yang aman, sehingga pada back office dengan http:// Anda hanya akan mendapatkan tautan pemeriksaan HTTPS sebagai gantinya dan tidak ada sakelar. Akses back office Anda melalui alamat https://, baik dengan mengklik tautan itu atau mengetik alamatnya, dan sakelar tersebut akan muncul.

Jika Enable SSL on all pages terlihat tetapi berwarna abu-abu, telusuri tiga penyebab berikut secara berurutan.

1. Anda belum menyimpannya

Ini adalah penyebab yang paling sering terjadi. Anda mengaktifkan Enable SSL, melihat Enable SSL on all pages, mendapati sakelarnya masih abu-abu, lalu menyimpulkan ada yang rusak. Padahal tidak: pengaturan kedua hanya terbuka setelah pengaturan pertama disimpan. Gulir ke bagian bawah halaman, tekan Save, dan halaman akan dimuat ulang dengan sakelar kedua aktif. Pelacak masalah (issue tracker) resmi PrestaShop mencatat hal ini dengan judul “Enabling Https/ssl is quite confusing”, jadi jika Anda pun terjebak dalam hal ini, Anda tidak sendirian.

2. Pemeriksaan HTTPS gagal

Jika back office sama sekali tidak dapat dimuat melalui HTTPS, atau browser Anda memberi peringatan saat itu terjadi, masalahnya terletak pada sertifikat, bukan pada PrestaShop. Alasan yang umum: sertifikat belum terpasang, sertifikat mencakup www tetapi Anda mengunjungi domain apex (atau sebaliknya), atau sertifikat terpasang tanpa sertifikat perantaranya. Jalankan SSL Checker pada domain yang tepat sesuai URL toko Anda dan perbaiki apa pun yang dilaporkannya sebelum kembali ke back office.

3. Atur langsung di database

Jika sertifikat sudah dipastikan berfungsi dan sakelar tetap tidak bisa diaktifkan, kedua pengaturan tersebut disimpan dalam tabel ps_configuration dan dapat diatur secara langsung. Di phpMyAdmin atau klien SQL apa pun:

UPDATE ps_configuration SET value = 1 WHERE name = 'PS_SSL_ENABLED';
UPDATE ps_configuration SET value = 1 WHERE name = 'PS_SSL_ENABLED_EVERYWHERE';

Sesuaikan prefiks tabel jika tabel Anda bukan default ps_, lalu bersihkan cache. Untuk membalikkan proses ini, misalnya jika sertifikat yang bermasalah membuat Anda terkunci dari back office Anda sendiri, jalankan dua pernyataan yang sama dengan nilai 0 sebagai pengganti 1.

Mengarahkan ulang HTTP ke HTTPS di PrestaShop

Dengan kedua pengaturan tersimpan, PrestaShop sudah menjawab permintaan HTTP untuk halaman storefront dengan pengalihan 301 ke alamat HTTPS-nya, sehingga tautan lama dan URL yang sudah terindeks tidak terabaikan. Namun ini hanya mencakup permintaan yang benar-benar mencapai PrestaShop. Berkas yang disajikan langsung dari disk, seperti gambar, PDF, dan segala sesuatu di bawah /img/ atau /upload/, tidak dialihkan, begitu pula permintaan POST. Aturan pada level server dapat menangkap semuanya, dan mengalihkan tanpa harus menjalankan PHP setiap kali.

Baca ini sebelum Anda mengubah apa pun. PrestaShop menghasilkan berkas .htaccess sendiri, dan menyimpan Shop Parameters > Traffic & SEO > SEO & URLs menulis ulang berkas tersebut. PrestaShop tidak menghapus seluruh berkas. PrestaShop hanya mengganti blok di antara dua komentar penandanya, # ~~start~~ dan # ~~end~~, dan menjaga apa pun yang ada di atas atau di bawahnya, yang tepatnya sesuai dengan yang dituliskan pada baris penanda itu sendiri. Jadi letakkan aturan Anda di luar blok tersebut agar tetap ada setiap kali dibuat ulang. Apa pun yang ditempelkan di dalam blok itu akan hilang saat Anda menyimpan halaman itu lagi.

Di Apache, tambahkan ini ke .htaccess di root toko Anda, di atas baris # ~~start~~:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Kondisinya harus berbunyi off, yang berarti “alihkan ketika permintaan belum aman”. Flag R=301 adalah yang membuatnya bersifat permanen; tanpanya Anda akan mendapatkan pengalihan sementara yang tidak memberi tahu mesin pencari bahwa sesuatu telah berpindah.

Di Nginx tidak ada .htaccess. Edit server block sebagai gantinya:

server {
    listen 80;
    server_name example.com www.example.com;
    return 301 https://$host$request_uri;
}

Uji dengan nginx -t, lalu muat ulang dengan systemctl reload nginx.

Perbaiki apa yang ditinggalkan setelah beralih

Bersihkan cache PrestaShop. Lakukan ini terlebih dahulu. Storefront yang masih tersimpan dalam cache akan tetap menampilkan halaman penuh markup HTTP dan membuat proses peralihan yang sudah selesai tampak rusak. Bersihkan juga CDN Anda jika Anda menggunakannya.

Perbaiki mixed content. Halaman yang disajikan melalui HTTPS tetapi masih memuat gambar, skrip, atau stylesheet melalui HTTP disebut mixed content. Browser secara diam-diam meningkatkan (upgrade) beberapa resource, sebagian besar gambar dan media, tetapi menolak yang lainnya secara langsung, itulah sebabnya halaman yang terkena dampak bisa muncul tanpa gaya (unstyled). Di PrestaShop, sumber yang biasa menyebabkan hal ini adalah URL yang di-hardcode dalam halaman CMS, konfigurasi modul, dan deskripsi produk yang ditempel dari tempat lain. Konsol browser akan menyebutkan berkas yang bermasalah. Panduan kami tentang cara memperbaiki mixed content membahas diagnosisnya secara mendetail.

Buat ulang sitemap Anda agar berisi URL https, dan periksa apakah ada modul yang masih menuliskan tautan http ke dalam email atau invoice.

Mengatasi masalah SSL PrestaShop

GejalaPenyebabSolusi
Perulangan pengalihan (redirect loop) tanpa henti setelah mengaktifkan SSLMode enkripsi Cloudflare diatur ke Flexible, sehingga mengirim HTTP ke origin Anda sementara origin Anda mengalihkan ke HTTPSAtur Cloudflare ke Full (strict) dan pertahankan sertifikat yang valid pada origin
Terkunci dari back officeSSL diaktifkan sementara sertifikat rusak atau tidak adaAtur kedua kunci ke 0 di ps_configuration, perbaiki sertifikat, coba lagi
Ikon gembok hilang hanya pada halaman produkMixed content, biasanya gambar produk atau aset modulTemukan resource HTTP di konsol browser
Toko menjadi tidak aman beberapa minggu kemudianSertifikat Let’s Encrypt kedaluwarsa karena pembaruan otomatis gagalTerbitkan ulang, lalu pastikan pembaruan otomatis aktif. Lihat sertifikat perantara kedaluwarsa
Browser baik-baik saja, checkout atau callback pembayaran gagalRantai sertifikat tidak lengkapPasang bundel CA yang lengkap, periksa ulang dengan SSL Checker
Ketidaksesuaian nama pada www atau apexSertifikat hanya mencakup salah satu dari dua nama tersebutTerbitkan ulang yang mencakup keduanya. Lihat common name invalid

Jika sertifikat sudah terpasang dan toko masih dilaporkan tidak aman, panduan kesalahan SSL ini menangani kode kesalahan browser tertentu.

Setelah beralih: daftar periksa SEO

  • Tambahkan properti HTTPS di Google Search Console. Properti HTTP tidak melaporkan data untuk URL HTTPS. Tambahkan yang baru, atau gunakan properti Domain yang mencakup keduanya.
  • Kirim ulang sitemap dengan URL https.
  • Periksa tag canonical agar mengarah ke https di seluruh halaman produk dan kategori.
  • Perbarui feed Merchant Center, analytics, dan integrasi marketplace apa pun yang menyimpan URL toko Anda. Feed produk dengan tautan http adalah masalah yang sering terlewatkan.

Perkirakan akan ada sedikit pergerakan. Google memperlakukan peralihan HTTP ke HTTPS sebagai perpindahan situs dengan perubahan URL, sehingga tayangan (impressions) terbagi di antara dua properti Search Console Anda untuk sementara waktu dan peringkat berfluktuasi selama beberapa minggu. Selama setiap URL dapat diakses dan pengalihan 301 sudah terpasang, tidak ada yang perlu diperbaiki.

Setelah HTTPS stabil untuk sementara waktu, pertimbangkan HSTS, yang memberi tahu browser untuk menolak HTTP biasa pada domain Anda. Biarkan direktif preload tetap nonaktif pada awalnya, karena sulit dibatalkan.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengaktifkan SSL di PrestaShop?

Pasang sertifikat di server Anda terlebih dahulu, lalu buka Shop Parameters > General di back office, klik tautan yang memeriksa apakah toko Anda mendukung HTTPS, atur Enable SSL ke Yes, atur Enable SSL on all pages ke Yes, dan tekan Save di bagian bawah halaman. PrestaShop tidak menerbitkan sertifikat sendiri.

Mengapa tombol Enable SSL berwarna abu-abu di PrestaShop?

Pertama periksa apakah sakelar tersebut berwarna abu-abu atau sama sekali tidak ada. Jika Enable SSL tidak ada, Anda sedang melihat back office melalui HTTP biasa dan PrestaShop hanya menampilkan sakelar itu pada koneksi yang aman, jadi muat ulang back office di alamat https://. Jika Enable SSL on all pages berwarna abu-abu, ada tiga alasan, berdasarkan urutan kemungkinan. Anda belum menggulir ke bawah dan menyimpan, sehingga pengaturan kedua belum terbuka. Atau pemeriksaan HTTPS PrestaShop gagal karena sertifikat tidak ada, tidak mencakup domain yang Anda gunakan, atau terpasang tanpa sertifikat perantaranya. Atau pengaturannya terjebak (stuck), dalam hal ini Anda dapat mengatur PS_SSL_ENABLED dan PS_SSL_ENABLED_EVERYWHERE ke 1 secara langsung di tabel ps_configuration.

Apa perbedaan antara Enable SSL dan Enable SSL on all pages?

Enable SSL hanya mengamankan halaman checkout dan akun pelanggan, yang merupakan pendekatan standar saat toko menampilkan segala sesuatu yang lain melalui HTTP. Enable SSL on all pages mengamankan seluruh toko. Pilihan kedua tidak tersedia sampai pilihan pertama diaktifkan dan disimpan. Pada toko modern mana pun, Anda menginginkan keduanya.

Di mana letak pengaturan SSL di PrestaShop?

Shop Parameters > General di back office. Tutorial lama yang ditulis untuk PrestaShop 1.6 menyebut layar yang sama dengan Preferences > General, karena menu tersebut diubah namanya di versi 1.7.

Bagaimana cara menonaktifkan SSL di PrestaShop?

Atur kedua sakelar kembali ke No di Shop Parameters > General dan simpan. Jika sertifikat yang rusak membuat Anda terkunci dari back office, jalankan dua pernyataan ps_configuration yang sama seperti di atas dengan 0 sebagai pengganti 1, lalu bersihkan cache. Menonaktifkan SSL adalah langkah sementara sambil Anda memperbaiki sertifikat, bukan solusi: gateway pembayaran tidak akan berfungsi tanpa HTTPS.

Apakah saya perlu sertifikat SSL berbayar untuk toko PrestaShop?

Secara teknis tidak. Sertifikat Domain Validation gratis mengenkripsi checkout sama baiknya dengan yang berbayar, dan memenuhi persyaratan gateway pembayaran. Sertifikat berbayar menambahkan garansi yang menutup kerugian jika sertifikat gagal, segel situs untuk checkout, detail perusahaan yang terverifikasi di dalam sertifikat dengan OV atau EV, dan cakupan wildcard yang lebih mudah jika Anda menjalankan multistore di beberapa subdomain.

Versi PrestaShop mana yang berlaku untuk langkah-langkah ini?

PrestaShop 8 dan PrestaShop 9, dengan 9.1.4 dan 8.2.7 sebagai versi terkini per Juni 2026. PrestaShop 1.7 menggunakan pengaturan yang sama di tempat yang sama, tetapi tidak lagi dipelihara sejak PrestaShop 9.0 dirilis pada Juni 2025. PrestaShop 1.6 menyebut layar tersebut Preferences > General, bukan Shop Parameters > General.

Ingin memindahkan platform lain ke HTTPS, atau menginginkan prosedur umumnya? Lihat panduan kami tentang cara mengalihkan situs dari HTTP ke HTTPS.

Hemat 10% untuk Sertifikat SSL saat memesan hari ini!

Penerbitan cepat, enkripsi kuat, kepercayaan peramban 99,99%, dukungan khusus, dan jaminan uang kembali 25 hari. Kode kupon: SAVE10

Ditulis oleh

Penulis konten berpengalaman yang berspesialisasi dalam Sertifikat SSL. Mengubah topik keamanan siber yang rumit menjadi konten yang jelas dan menarik. Berkontribusi untuk meningkatkan keamanan digital melalui narasi yang berdampak.