Kembali ke Helpdesk
Portal Website OPD

Pengaturan Identitas Web Portal

30 March 2026Admin

Panduan ini diperuntukkan bagi Admin OPD untuk melakukan konfigurasi informasi, tampilan, dan identitas website portal instansi.

1. Mengakses Halaman Pengaturan

Untuk mengakses halaman Pengaturan Portal, ikuti langkah-langkah berikut:

  1. Login ke dashboard CMS Kepriprov menggunakan akun Admin OPD Anda.

  2. Pada menu navigasi utama (sebelah kiri), klik menu Pengaturan kemudian pilih Pengaturan Portal (URL: /sys/portal/settings).

  3. Halaman Pengaturan Portal akan terbuka, menampilkan beberapa tab kategori pengaturan.

2. Konfigurasi Tab Umum

Tab Umum digunakan untuk mengatur informasi dasar identitas portal yang berpengaruh pada tampilan header tab browser, SEO Google, serta informasi kontak di bagian footer website.

a. Informasi Umum

Bidang (Field)

Penjelasan & Contoh

Judul Portal *

Judul utama yang ditampilkan di tab browser dan hasil pencarian. Contoh: Dinas Komunikasi dan Informatika Provinsi Kepulauan Riau

Sub Judul *

Tagline singkat untuk portal Anda. Contoh: Website Resmi Diskominfo Kepri

Deskripsi *

Deskripsi singkat instansi untuk keperluan Meta SEO pencarian Google.

b. Informasi Kontak

Data ini akan ditampilkan pada halaman kontak dan footer website.

  • Nama Instansi (Wajib): Nama resmi instansi.

  • Nama Pendek: Singkatan dari nama instansi.

  • Telepon / Fax: Nomor telepon dan fax resmi instansi.

  • Email / WhatsApp: Alamat email aktif dan nomor WhatsApp untuk pelayanan atau informasi.

  • Website: Alamat situs website Anda.

  • Alamat Lengkap: Alamat fisik kantor secara detail.

c. Konfigurasi Peta & Media Sosial

  • URL Embed Google Maps:

    Masukkan kode iframe atau tautan embed Google Maps dari lokasi kantor.

  • Profil Media Sosial:

    Masukkan tautan ke akun media sosial resmi instansi (Facebook, Instagram, Twitter/X, YouTube, TikTok). Pastikan URL diawali dengan https://.

Tampilan Tab Umum

3. Konfigurasi Tab Tampilan (Aset Branding & Warna)

Tab Tampilan mengatur identitas visual, seperti ikon, logo, and palet warna standar instansi.

a. Aset Branding

  • Ikon Browser (Favicon): Unggah gambar ikon kecil (direkomendasikan 32x32px) yang muncul di tab peramban/browser.

  • Logo Navbar: Unggah logo utama instansi (direkomendasikan berformat PNG transparan) yang akan ditampilkan di header website.

  • Tipe Logo Navbar: Pilih apakah akan menampilkan Hanya Logo atau Logo + Teks. Jika memilih Logo + Teks, Anda perlu mengisi kolom Teks Utama and Teks Pendamping (Contoh: "Provinsi Kepulauan Riau").

b. Warna Tema & Footer

  • Warna Tema: Anda dapat mengubah kode warna HEX untuk elemen tema (Primary, Secondary, Success, Info, Warning, and Danger) sesuai dengan identitas instansi.

  • Konfigurasi Footer: Atur Judul Footer and Deskripsi Footer yang akan terpampang pada area terbawah halaman website Anda.

Tampilan Tab Branding dan Warna

4. Konfigurasi Tab Sambutan

Tab ini diperuntukkan bagi pengisian profil and kata sambutan Kepala Dinas/Badan yang akan ditampilkan secara khusus di halaman beranda (Homepage).

  • Nama Kepala (Wajib): Isi dengan nama lengkap beserta gelar.

  • Foto Kepala: Unggah foto resmi. Gunakan foto dengan rasio proporsional. Disarankan dengan latar belakang bersih atau transparan.

  • Foto Background: Unggah gambar berformat landscape untuk digunakan sebagai latar belakang area sambutan.

  • Kata Sambutan (Wajib): Tuliskan pesan sambutan secara profesional, singkat, padat, and jelas untuk para pengunjung website.

Tampilan Tab Sambutan Kepala

5. Konfigurasi Tab Fitur

Pada tab ini, Anda dapat mengaktifkan beberapa fitur tambahan and alat aksesibilitas pada portal publik.

  • Banner Popup: Aktifkan untuk menampilkan pengumuman penting (overlay) saat pengunjung pertama kali membuka website. Anda perlu mengunggah Gambar Popup and mengisi Tautan Popup jika diperlukan.

  • Google Translate: Menambahkan widget terjemahan bahasa otomatis untuk memudahkan pengunjung asing.

  • Widget Aksesibilitas: Mengaktifkan alat bantu disabilitas seperti text-to-speech (pembaca teks otomatis) and mode kontras tinggi. Anda juga dapat mengatur jenis Suara Pemandu (Wanita atau Pria).

Tampilan Tab Fitur

6. Menyimpan Perubahan

Setelah selesai melakukan perubahan pada form pengaturan:

  1. Periksa kembali semua isian data and file gambar yang telah Anda masukkan di setiap tab.

  2. Klik tombol Simpan Perubahan yang berada pada baris bawah layar untuk memperbarui website Anda secara permanen.

  3. Anda juga bisa mengklik tombol Lihat Web untuk membuka tampilan depan portal pada tab baru, and melihat hasil dari perubahan yang telah disimpan.

Tips Penting:

Apabila logo, ikon, atau warna terbaru Anda belum terlihat berubah pada website publik, cobalah bersihkan cache browser atau muat ulang halaman dengan menekan Ctrl + F5 (di Windows) / Cmd + Shift + R (di Mac).

Apakah artikel ini membantu?