Banyak pengguna menempel prompt setup Elementor MCP ke Claude Web lalu mendapat balasan bahwa Claude tidak bisa mengedit file konfigurasi. Artikel ini membahas cara yang benar, perbandingan tiga metode koneksi, dan kesalahan yang paling sering terjadi.
Apa Itu Elementor MCP dan Kenapa Claude Web Butuh Custom Connector?
Elementor MCP adalah jalur resmi agar AI bisa membangun halaman langsung di dalam situs Elementor Anda. Sejak rilis Elementor versi 4.3, MCP resmi tersedia untuk Claude, Codex, Cursor, dan tool AI lain. MCP (Model Context Protocol) adalah standar “colokan” agar AI bisa memakai tool eksternal.
Elementor MCP Bekerja sebagai “Tangan” AI di WordPress
Elementor MCP memberi Claude akses terstruktur untuk membuat dan mengedit elemen Elementor asli, bukan HTML mentah yang harus dirakit ulang. Menurut Elementor, semua hasil kerja via MCP disimpan sebagai draft, bukan langsung dipublikasikan.
Kenapa Prompt Bawaan Elementor Gagal di Claude Web?
Prompt bawaan berisi instruksi koneksi untuk aplikasi di komputer lokal. Claude Web tidak punya akses ke file di laptop Anda. Di sisi lain, custom connector menghubungkan Claude ke server MCP remote dari infrastruktur cloud Anthropic, bukan dari perangkat lokal. Pola yang sama juga dipakai Olakses saat menyiapkan Claude Connectors untuk berbagai workflow klien.
Perbandingan 3 Cara Menghubungkan Claude ke Elementor MCP
Ada tiga jalur untuk menghubungkan Claude ke Elementor MCP, dan masing-masing punya tingkat kesulitan berbeda. Tabel berikut merangkum perbedaannya berdasarkan panduan resmi Elementor Help Center dan dokumentasi Claude.
| Aspek | Custom Connector (Claude Web/Desktop) | Edit File Config (Claude Desktop) | Claude Code (CLI) |
|---|---|---|---|
| Butuh terminal | Tidak | Tidak, tapi edit file JSON | Ya |
| Tingkat kesulitan | Rendah | Sedang | Sedang sampai tinggi |
| Bisa dipakai di browser | Ya | Tidak | Tidak |
| Risiko salah konfigurasi | Rendah (form UI) | Tinggi (salah koma JSON) | Sedang |
| Cocok untuk | Pemilik bisnis, tim marketing | Pengguna desktop berpengalaman | Developer dan agensi |
| Sumber | Claude Help Center | Elementor Help | Elementor Blog |
Custom Connector vs Edit File Config: Mana Lebih Aman?
Custom connector lebih aman karena semua isian lewat form, bukan file teks. Satu tanda kutip yang salah di file config bisa menggagalkan koneksi.
Kapan Claude Code Lebih Cocok?
Claude Code cocok untuk developer yang membangun banyak halaman sekaligus. Agensi Webgate, misalnya, menguji Elementor MCP memakai Codex dan Claude Code di situs produksi. Jika Anda tertarik jalur ini, pelajari workflow Claude Code yang dipakai tim Anthropic.
Persiapan Sebelum Menghubungkan Claude ke Elementor MCP
Sebelum mulai, pastikan hal berikut sudah siap:
- Elementor sudah diperbarui ke versi terbaru yang menyediakan menu Elementor MCP.
- Situs memakai HTTPS, karena application password WordPress membutuhkan koneksi aman.
- Akun Claude Anda punya akses ke menu Connectors.
- Aplikasi catatan (Notes, Evernote, atau Notepad) untuk menyimpan prompt sementara.
Syarat di Sisi WordPress dan Elementor
Di WordPress, Anda cukup mengaktifkan akses MCP dan membuat prompt koneksi. Menurut Elementor, application password dibuat otomatis di latar belakang dan langsung disertakan dalam prompt.
Syarat di Sisi Claude
Di Claude, custom connector tersedia untuk paket Free, Pro, Max, Team, dan Enterprise. Di paket Team dan Enterprise, hanya Owner yang bisa menambahkannya. Jika Anda masih menimbang paket, cek dulu apa saja yang didapat setelah upgrade Claude Pro.
Langkah Menghubungkan Claude Web AI ke Elementor MCP
Proses koneksi terdiri dari tiga tahap. Tim Olakses menguji alur ini pada situs WordPress Elementor milik Olakses, dan koneksi aktif dalam hitungan menit.
Tahap 1: Ambil URL Server dan Nilai Authorization dari Elementor
- Buka Elementor > Elementor MCP, klik Enable MCP access.
- Pilih tab Claude Desktop, centang persetujuan.
- Lalu klik Generate Prompt. Langkah ini sesuai alur resmi di Elementor Help Center.
- Salin prompt ke aplikasi catatan
- Temukan dua bagian: URL server MCP (berakhiran
/wp-json/...) dan teks setelah kata Authorization.
Tahap 2: Tambahkan Custom Connector dan Header Authorization
- Di Claude, buka Settings > Connectors > Add > Add custom connector.
- Isi nama (misalnya nama domain situs Anda) dan tempel URL server MCP, lalu klik lanjut.
- Saat diminta autentikasi pilih tanpa sign-in
- klik Add header
- pilih nama header Authorization
- lalu tempel nilainya tanpa tanda kurung dan tanpa menghapus spasi.
Tahap 3: Verifikasi Koneksi di Chat Baru
- Klik Add, lalu buka chat baru dan tanyakan apakah Claude terhubung ke domain Anda.
- Cek juga tombol “+” di kolom chat, karena connector bisa diaktifkan atau dimatikan per percakapan dari menu tersebut.
- Setelah aktif, minta Claude membuat draft halaman, seperti panduan membuat landing page pakai AI dari prompt sampai jadi.
Koneksi Claude ke Elementor hanyalah fondasi. Agar halaman yang dibangun AI ikut dikutip ChatGPT, Perplexity, dan Google AI Mode, struktur kontennya perlu dioptimasi lewat layanan Generative Engine Optimization Olakses. Pendekatan ini sudah diterapkan di berbagai proyek klien Olakses dan ikut mengantar Olakses meraih penghargaan Marketing Excellence Awards.
Data Adopsi MCP dan WordPress yang Perlu Anda Tahu
Skala WordPress dan adopsi MCP membuat integrasi AI ke website relevan untuk banyak bisnis.
| Data | Persentase | Sumber |
|---|---|---|
| Website global yang memakai WordPress | Sekitar 43% | W3Techs |
| Situs WordPress yang memakai page builder | Sekitar 34% | Crocoblock, 2026 |
| Perusahaan software dengan MCP di tahap produksi luas | 19% | Stacklok, 2026 |
| Responden yang menyebut keamanan sebagai hambatan utama MCP | 64% | Stacklok, 2026 |
Skala WordPress dan Page Builder
WordPress menguasai sekitar 43% dari seluruh website di dunia, dan sekitar 34% situs WordPress memakai page builder. Artinya, basis pengguna integrasi AI ke Elementor sangat besar.
Adopsi MCP di Dunia Bisnis
Survei Stacklok mencatat hampir separuh perusahaan software sudah memakai MCP di tahap produksi. Survei yang sama menempatkan keamanan sebagai hambatan terbesar.
Kesalahan Umum dan Tips Keamanan Elementor MCP
Kesalahan koneksi Elementor MCP hampir selalu terjadi saat menyalin nilai Authorization, sementara keamanan sering diabaikan setelah koneksi berhasil.
Kesalahan Saat Menyalin Header Authorization
Nilai Authorization harus disalin persis, termasuk spasi setelah kata Basic, tetapi tanpa tanda kurung. Pastikan juga yang ditempel adalah URL endpoint MCP, bukan URL beranda situs. Untuk error umum lain, lihat panduan mengatasi Claude AI taking longer than usual.
Lupa Mencabut Application Password yang Tidak Dipakai
Setiap prompt yang dibuat menghasilkan application password baru. Elementor menyarankan mencabut password lewat tombol Revoke di bagian Application Passwords jika koneksi tidak lagi dipakai. Ingat juga bahwa custom connector menghubungkan Claude ke layanan yang belum diverifikasi Anthropic, jadi hanya tambahkan server milik Anda sendiri. Pelajari lebih lanjut soal Claude Security.
Key Takeaway: Claude dan Elementor MCP untuk Website yang Siap AI
Elementor MCP membuat Claude bisa membangun draft halaman langsung di WordPress, dan custom connector adalah jalur paling praktis untuk Claude Web. Kuncinya: salin nilai Authorization dengan tepat dan cabut application password yang tidak dipakai. Olakses membantu bisnis memadukan workflow AI seperti ini dengan strategi SEO dan GEO agar halaman yang dibangun AI juga mudah ditemukan di Google dan AI Search.
FAQ: Pertanyaan yang Sering Diajukan
Q: Apakah Claude Web bisa terhubung ke Elementor MCP tanpa Claude Desktop?
A: Bisa. Claude Web memakai custom connector di Settings > Connectors yang berjalan dari cloud Anthropic.
Q: Kenapa Claude bilang tidak bisa mengedit file konfigurasi?
A: Prompt bawaan Elementor ditujukan untuk file config lokal. Gunakan custom connector sebagai gantinya.
Q: Apakah koneksi Elementor MCP berbayar?
A: Koneksi Elementor MCP tidak dikenakan biaya. Biaya penggunaan mengikuti paket dan kredit Claude yang Anda pakai.
Q: Apakah hasil kerja Claude langsung tayang di website?
A: Tidak. Semua hasil kerja via MCP disimpan sebagai draft untuk Anda tinjau.
Q: Apa yang harus dilakukan jika opsi header Authorization tidak muncul?
A: Buat header kustom, ketik Authorization sebagai nama header, lalu tempel nilainya persis seperti di prompt Elementor.
Q: Bagaimana cara memutus koneksi Claude dari Elementor?
A: Hapus connector di Settings > Connectors Claude, lalu cabut application password terkait lewat tombol Revoke di profil WordPress.
Siap Membuat Website Elementor Anda Bekerja dengan AI?
Tim Olakses menyiapkan workflow Claude dan Elementor MCP sekaligus mengoptimasi SEO dan GEO website Anda. Diskusikan kebutuhan bisnis Anda langsung dengan tim kami.
Muhammad Dwiki Septianto is an SEO Specialist at Olakses with a background in Informatics Engineering from UIN Bandung. Certified in Digital Marketing (BNSP), he specializes in on-page and technical SEO, content optimization, and cross-functional coordination between content and development teams.
