Cara Mengcustom Error Page Di cPanel

30 March 18, 2024

Apa itu Error Pages?

Error pages adalah suatu fitur yang ditampilkan kepada pengguna ketika terjadi kesalahan dalam mengakses atau memuat halaman yang diminta. Error pages ini berfungsi untuk mengetahui error yang dialami pengguna, Seperti dibawah ini

Jenis-Jenis error page

  1. Error 400 Bad Request : Error yang disebabkan karena kesalahan syntaks
  2. Error 401 Server Unauthorized : Error yang disebabkan karena halaman membutuhkan authentication
  3. Error 402 Payment Required Error : Erorr yang disebabkan karena terjadi kesalahan pembayaran pada saat melakukan transaksi belanja
  4. Error 403 Server Forbidden : Error yang disebabkan karena kesalahan konfigurasi folder yang tidak dapat ditemui
  5. Error 404 Server Not Found : Error yang tampil karena halaman yang diakses tidak ditemukan
  6. Error 500 Internal Server Error : Error jika terjadi masalah dengan server. Error 500 sering kali disebabkan karena kesalahan penulisan pada file .htaccess

Cara Mengcustom Error Page Di cPanel

1. Login ke cPanel, Langkah pertama adalah kamu harus login ke cPanel, kamu bisa melalui https://namadomain/cpanel atau melihat panduan cara login ke cpanel melalui portal Qwords, Jika kamu belum mempunyai akun hosting, Kamu dapat membeli hosting murah di Qwords !!

2. Masuk ke menu Error pages, Cari menggunakan kolom pencarian Error Pages

3. Edit Error Pages, Terdapat 5 macam error pages, Pilih error mana yang ingin kamu edit

Sebagai contoh kali ini, Kita akan mengcustom error pages 404, Klik 404 (Not found), Lalu masukan script dibawah ini

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Error Page</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; text-align: center; padding: 50px;">
<div style="max-width: 600px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">
<h1 style="font-size: 36px; margin-bottom: 10px;">Oops! Halaman tidak ditemukan </h1>
<p style="font-size: 18px; margin-top: 0;">Nampaknya kamu salah memasukan tujuan </p>
<p style="font-size: 18px;">Please try again later or contact support </p>
</div>
</body>
</html>

Copy dan paste script ke kolom untuk edit halaman. Klik save jika sudah selesai melakukan edit.

Berikut adalah contoh hasil custom error page ketika halaman tidak ditemukan

Jika ada pertanyaan lain, langsung saja hubungi tim kami melalui Live Chat, Call Center atau Support Ticket, ya.

Cek juga artikel tutorial kami yang lain dengan klik di sini!