DOKUMENTASI RESMI · PROSPEKIT.ID

Panduan Lengkap Setup Claude MCP Bridge — Single Site v2.6

Panduan ini membuat Claude Desktop bisa membangun dan mengedit halaman Elementor di WordPress Anda secara langsung — tanpa copy-paste JSON, tanpa buka editor.

Waktu setup: sekitar 20 menit. Anda tidak perlu bisa coding. Semua langkah di bawah tinggal ikuti urutannya.

Versi pada panduan ini
Plugin WordPress: v2.6.0 · MCP Server Single-Site: v1.6.0 · Total 21 tool

Yang baru di v2.6

Sebelum v2.6, mengubah satu bagian halaman berarti mengirim ulang seluruh halaman. Salah satu kartu kurang deskripsi? Bangun ulang 9 section. Sekarang tidak lagi.

Tool baru	Fungsinya
`wp_delete_elementor_section`	Hapus satu atau beberapa section berdasarkan nomor index
`wp_replace_elementor_section`	Ganti isi satu section saja, section lain tidak tersentuh
`wp_restore_elementor_backup`	Kembalikan halaman ke kondisi sebelumnya bila hasilnya tidak sesuai

Aman untuk bereksperimen. Setiap operasi hapus, ganti, dan reset otomatis menyimpan backup lebih dulu. Salah hapus tidak berarti kehilangan — panggil restore, halaman kembali.

Yang perlu disiapkan

Website WordPress dengan Elementor aktif, dan Anda punya akses Administrator
Komputer Windows atau Mac — MCP Server berjalan di komputer Anda, bukan di hosting
License Key format MCPS-XXXXX-XXXXX-XXXXX-XXXXX dari pembelian paket Single Site
Koneksi internet yang stabil saat instalasi

Kenapa MCP Server jalan di komputer sendiri? Karena username dan password WordPress Anda tersimpan di komputer Anda, tidak pernah dikirim ke server pihak ketiga mana pun — termasuk ke kami.

1 Install Claude Desktop

Claude MCP Bridge bekerja lewat aplikasi Claude Desktop. Versi browser belum mendukung koneksi ke komputer lokal, jadi aplikasi desktop wajib dipasang.

Buka halaman download Claude Desktop di sini
Daftar atau login dengan akun Anda
Download versi sesuai sistem operasi — Windows atau macOS
Install seperti aplikasi biasa, lalu buka dan login

Download Claude Desktop →

Paket gratis Claude sudah cukup untuk mencoba. Untuk pekerjaan harian membangun halaman klien, paket Pro lebih nyaman karena batas percakapannya jauh lebih longgar.

2 Install Plugin di WordPress

Anda menerima file Claude_WP_Bridge_single_site_v2_6.zip. Ekstrak dulu — di dalamnya ada dua file:

File	Dipakai untuk
`claude-mcp-bridge-single-site-v2.6.zip`	Diupload ke WordPress (Langkah 2)
`mcp-wordpress-single-v1.6.zip`	Diekstrak di komputer Anda (Langkah 3)

Cara upload plugin

Masuk ke WP Admin → Plugins → Add New → Upload Plugin
Pilih file claude-mcp-bridge-single-site-v2.6.zip
Klik Install Now, lalu Activate

Sedang update dari versi lama? Jangan hapus plugin lamanya. Cukup upload versi baru dan pilih Replace current with uploaded saat WordPress menanyakannya. License key dan API Key Anda tetap tersimpan.

Aktivasi lisensi

Buka Settings → Claude MCP di menu WP Admin
Masukkan License Key Anda pada kolom Aktivasi Lisensi
Klik Aktivasi — tunggu sampai muncul tanda Lisensi Aktif berwarna hijau

License key Single Site selalu diawali MCPS-. Kalau key Anda diawali huruf lain, itu lisensi Multi Site PRO dan butuh plugin yang berbeda.

Generate API Key

Setelah lisensi aktif, panel API Key di bawahnya akan terbuka.

Klik tombol Generate
Muncul kode diawali cmcp-
Klik Simpan
Salin kode itu — akan dipakai di Langkah 3

API Key ini yang membuat Claude bisa menulis data Elementor dan SEO. Tanpa itu, upload halaman akan gagal walau lisensi sudah aktif.

3 Buat Application Password

Ini password khusus untuk aplikasi, terpisah dari password login Anda. Kalau nanti ingin memutus akses, cukup hapus password ini tanpa mengganti password utama.

Buka WP Admin → Users → Profile
Scroll ke bawah sampai bagian Application Passwords
Isi nama aplikasi, misalnya Claude MCP
Klik Add New Application Password
Muncul kode 24 karakter berspasi seperti abcd EFGH 1234 ijkl MNOP 5678

Kode ini hanya tampil satu kali. Salin sekarang juga ke Notepad. Kalau halaman ditutup tanpa disalin, Anda harus membuat yang baru.

Salin termasuk spasinya — jangan dihapus, jangan diganti tanda hubung.

4 Install Node.js

MCP Server ditulis dengan Node.js, jadi ini harus terpasang lebih dulu di komputer Anda. Cukup sekali seumur hidup.

Buka nodejs.org
Download versi LTS (yang direkomendasikan, bukan Current)
Install dengan menekan Next sampai selesai — semua pengaturan bawaannya sudah benar
Restart komputer

Pastikan berhasil

Buka Command Prompt (Windows) atau Terminal (Mac), ketik:

node -v

Kalau muncul nomor versi seperti v20.11.0, Node.js sudah siap. Kalau muncul pesan error, ulangi instalasinya dan pastikan komputer sudah di-restart.

5 Pasang MCP Server

Ekstrak file mcp-wordpress-single-v1.6.zip. Di dalamnya ada folder bernama mcp-wordpress.

Pindahkan folder itu ke lokasi yang mudah diingat:

Sistem	Lokasi yang disarankan
Windows	`C:\Users\NamaAnda\mcp-wordpress`
Mac	`/Users/NamaAnda/mcp-wordpress`

Kabar baik untuk yang update. Mulai versi ini nama foldernya mcp-wordpress tanpa nomor versi. Artinya di update berikutnya Anda tidak perlu lagi mengubah path di file konfigurasi Claude Desktop.

Install dependensi

Buka Command Prompt atau Terminal, lalu ketik dua baris ini bergantian:

cd C:\Users\NamaAnda\mcp-wordpress
npm ci

Ganti NamaAnda dengan nama user komputer Anda. Di Mac, gantilah baris pertama menjadi cd ~/mcp-wordpress.

Tunggu sampai proses selesai — biasanya 1 sampai 2 menit.

Gunakan npm ci, bukan npm install. Perintah ini memasang versi paket yang persis sama dengan yang kami uji, sehingga hasilnya konsisten di semua komputer.

6 Isi File .env

Di dalam folder mcp-wordpress ada file bernama .env. Ini tempat menyimpan data website Anda. Buka dengan Notepad atau TextEdit.

Isinya seperti ini — ganti setiap baris dengan data Anda sendiri:

WP_URL=https://websiteanda.com
WP_USERNAME=admin
WP_APP_PASSWORD=abcd EFGH 1234 ijkl MNOP 5678
CLAUDE_API_KEY=cmcp-xxxxxxxxxxxxxxxx

Baris	Diisi dengan
`WP_URL`	Alamat website Anda, lengkap dengan `https://` dan tanpa garis miring di akhir
`WP_USERNAME`	Username login WordPress Anda (bukan email, kecuali memang login pakai email)
`WP_APP_PASSWORD`	Kode dari Langkah 3, lengkap dengan spasinya
`CLAUDE_API_KEY`	Kode `cmcp-` dari Langkah 2

Simpan file, lalu tutup.

Tiga kesalahan yang paling sering terjadi:

Ada garis miring di akhir URL — tulis https://situs.com, bukan https://situs.com/
Salah antara http dan https — samakan persis dengan yang tertulis di Settings → General → WordPress Address
Ada spasi setelah tanda sama dengan — tulis WP_URL=https://..., bukan WP_URL= https://...

Kalau file .env tidak terlihat di folder, itu karena namanya diawali titik sehingga disembunyikan sistem. Di Windows: menu View → Hidden items. Di Mac: tekan Cmd + Shift + .

7 Sambungkan ke Claude Desktop

Buka Claude Desktop, lalu masuk ke Settings → Developer → Edit Config. File konfigurasi akan terbuka. Isi dengan:

Windows

{
  "mcpServers": {
    "wordpress-bridge": {
      "command": "node",
      "args": ["C:\\Users\\NamaAnda\\mcp-wordpress\\src\\index.js"]
    }
  }
}

Mac

{
  "mcpServers": {
    "wordpress-bridge": {
      "command": "node",
      "args": ["/Users/NamaAnda/mcp-wordpress/src/index.js"]
    }
  }
}

Khusus Windows: gunakan dua garis miring terbalik \\ pada setiap pemisah folder. Satu garis saja akan membuat file konfigurasi dianggap rusak dan server tidak muncul.

Restart Claude Desktop

Ini bukan sekadar menutup jendelanya. Aplikasi harus benar-benar keluar:

Windows — klik kanan ikon Claude di pojok kanan bawah layar, pilih Quit
Mac — tekan Cmd + Q, atau klik kanan ikon di Dock lalu Quit

Setelah itu buka lagi Claude Desktop.

8 Tes Koneksi

Di jendela chat Claude Desktop, ketik perintah ini dan ganti dengan domain Anda:

Cek koneksi ke websiteanda.com

Kalau berhasil, Claude akan menampilkan nama website, versi WordPress, dan status kredensial Anda. Setup selesai.

Ikon tools di kolom chat Claude Desktop sekarang menampilkan 21 tool WordPress yang siap dipakai.

Kalau gagal

Gejala	Penyebab paling sering
Claude bilang tidak punya tool WordPress	File konfigurasi salah tulis, atau Claude Desktop belum di-quit total
Muncul error 401 atau Unauthorized	Application Password salah salin — cek spasinya, atau buat yang baru
Muncul error 404	Plugin belum aktif, atau `WP_URL` salah tulis
Halaman terupload tapi Elementor kosong	`CLAUDE_API_KEY` belum diisi atau tidak cocok
Connection refused / timeout	Salah `http` dan `https`, atau ada garis miring di akhir URL

Masih tersendat? Salin pesan error yang muncul, tempel ke Claude Desktop, dan minta bantuan langsung di sana. Sebagian besar masalah selesai di situ. Panduan lebih rinci ada di halaman troubleshooting.

Perintah yang Bisa Langsung Dicoba

Tidak ada format khusus. Bicara biasa saja seperti ke asisten manusia.

Membuat halaman

Buatkan landing page jasa service AC di websiteanda.com,
simpan sebagai draft, pakai warna biru, dan tombol
WhatsApp ke 6287861007869

Melihat isi halaman

Tampilkan daftar section halaman ID 126 di websiteanda.com

Memperbaiki satu bagian saja

Ganti section index 3 jadi 3 kartu layanan dengan
judul dan deskripsi, jangan sentuh section lain

Membatalkan perubahan

Kembalikan halaman ID 126 ke kondisi sebelumnya

Menulis artikel

Buat artikel SEO tentang tips memilih jasa website,
jadwalkan publish 20 Agustus 2026 jam 09.00
di websiteanda.com

Cara Kerja yang Disarankan

Alur inilah yang membuat v2.6 terasa berbeda. Bangun bertahap, perbaiki sepotong-sepotong:

Minta Claude membuat halaman baru, satu section dulu
Cek hasilnya di browser
Kalau ada yang kurang pas, minta ganti section itu saja
Kalau hasilnya malah lebih buruk, minta kembalikan ke kondisi sebelumnya
Lanjut ke section berikutnya

Satu hal penting soal nomor index. Setelah sebuah section dihapus, nomor section di bawahnya ikut bergeser naik. Jadi sebelum menghapus atau mengganti section berikutnya, minta Claude menampilkan daftar section lagi supaya nomornya akurat.

Update dari Versi Lama ke v2.6

Sudah pakai versi sebelumnya? Anda tidak perlu mengulang dari nol. Ikuti urutan ini — urutannya berpengaruh.

Backup file .env lama Anda. Salin ke folder lain dulu. Ini langkah paling penting.
Upload plugin v2.6 lewat Plugins → Add New → Upload, pilih Replace current with uploaded
Ekstrak mcp-wordpress-single-v1.6.zip, timpa folder server yang lama
Kembalikan file .env hasil backup ke folder mcp-wordpress
Buka Command Prompt, masuk ke folder itu, jalankan npm ci
Cek path di config Claude Desktop — kalau folder lama Anda bernomor versi, sesuaikan jadi mcp-wordpress
Quit total Claude Desktop, lalu buka lagi

Kenapa .env harus dibackup? File .env di paket baru berisi contoh kosong. Kalau Anda ekstrak menimpa folder lama tanpa backup, isian website Anda akan tertimpa dan harus diisi ulang dari awal — termasuk Application Password yang mungkin sudah tidak Anda simpan.

Tidak ada yang rusak setelah update. Seluruh tool dari versi sebelumnya tetap berfungsi persis seperti sebelumnya. v2.6 hanya menambah tiga tool baru, tidak mengubah yang lama.

Cara memastikan update berhasil

Di Claude Desktop, ketik:

Tampilkan daftar section halaman ID 126 di websiteanda.com

Kalau Claude bisa menampilkan daftar section beserta nomor index-nya, server v1.6 sudah aktif.

Ringkasan Langkah

No	Langkah	Dikerjakan di
1	Install Claude Desktop	Komputer
2	Install plugin, aktivasi lisensi, generate API Key	WP Admin
3	Buat Application Password	WP Admin
4	Install Node.js	Komputer
5	Ekstrak MCP Server, jalankan `npm ci`	Komputer
6	Isi file `.env`	Komputer
7	Edit config Claude Desktop, quit total	Claude Desktop
8	Tes koneksi	Claude Desktop

Ada kendala saat setup?

Kirim pesan, sertakan pesan error yang muncul supaya bisa langsung kami arahkan.

Hubungi Support via WhatsApp

Dokumentasi resmi Claude MCP Bridge — Single Site v2.6.0 · MCP Server v1.6.0
Prospekit.id