Documentation

Panduan Import Template Kit (Elementor Pro + ACF)

Panduan ini menjelaskan langkah-langkah untuk mengimport Template Kit ke website WordPress kamu, khusus untuk kit yang menggunakan kombinasi plugin Elementor, Elementor Pro dan Advanced Custom Fields (ACF).

Persiapan Awal

Lakukan ini sebelum mulai proses import file apa pun.

Install & Aktifkan Plugin

Pastikan plugin berikut sudah terpasang dan aktif di website kamu:

  • Elementor
  • Elementor Pro
  • Advanced Custom Fields (ACF)
  • WordPress Importer

Catatan: Lisensi Elementor Pro tidak termasuk dalam pembelian Template Kit ini. Kamu perlu memiliki lisensi Elementor Pro sendiri untuk bisa mengaktifkan dan menggunakan plugin tersebut.

Install & Aktifkan Theme Hello Elementor
  1. Masuk ke Appearance → Themes → Add New.
  2. Cari “Hello Elementor“, klik Install, lalu Activate.

Nonaktifkan Default Colors & Default Fonts Elementor
  1. Masuk ke Elementor → Settings.
  2. Pilih tab Advanced.
  3. Centang Disable Default Colors.
  4. Centang Disable Default Fonts.
  5. Klik Save Changes.

Cek Limit Server

Sebelum mulai import, cek ke provider hosting kamu (atau lewat panel hosting) apakah nilai berikut sudah memenuhi rekomendasi minimal ini. Kalau belum, minta dinaikkan dulu:

  • max_execution_time = 300
  • memory_limit = 512M
  • upload_max_filesize = 128M
  • post_max_size = 128M

Ini membantu mencegah proses import terhenti di tengah jalan karena timeout, terutama untuk data CPT dalam jumlah banyak.

Extract File

Kamu akan menerima satu file ZIP utama (contoh: namakit-package-unzip-first.zip). Nama file ini sengaja menandakan bahwa file tersebut perlu di-extract dulu sebelum diapa-apakan — jangan diupload langsung ke Elementor.

  1. Download file ZIP utama dari halaman produk (contoh: namakit-package-unzip-first.zip).
  2. Extract/unzip file tersebut (klik kanan → Extract).
  3. Setelah di-extract, kamu akan melihat contoh isinya seperti ini:
    • 1-namakit-acf-fields.json
    • 2-namakit-cpt-data.xml (bisa lebih dari satu file jika ada beberapa CPT)
    • 3-namakit-elementor-kit.zip

       

Angka di depan nama file (1, 2, 3, dst) menunjukkan urutan import — ikuti dari angka terkecil ke terbesar. Prinsipnya: struktur & data selalu diimport lebih dulu, Template Kit Elementor (tampilan/desain) diimport paling akhir — supaya begitu desainnya aktif, seluruh data sudah siap ditampilkan.

Langkah 1 — Import JSON ACF

  1. Masuk ke Dashboard WordPress → ACF → Tools.
  2. Lihat bagian Import (Select JSON File).
  3. Klik Choose File, pilih file 1-namakit-acf-fields.json hasil extract tadi.
  4. Klik Import JSON.

  5. Setelah selesai, cek hasilnya: di sidebar Dashboard WordPress kamu, akan muncul menu Custom Post Type baru sesuai kit yang kamu beli — misalnya menu Trips. Klik menu itu, dan kamu akan lihat listingnya masih kosong, belum ada entri/datanya sama sekali — ini normal, karena data baru akan diimport di Langkah 2.

Langkah 2 — Import Data Custom Post Type (CPT)

  1. Masuk ke Dashboard WordPress → Tools → Import.
  2. Cari WordPress, klik Install Now (jika plugin WordPress Importer belum terpasang), lalu klik Run Importer.

  3. Klik Choose File, pilih file 2-namakit-cpt-data.xml hasil extract tadi.
  4. Klik Upload file and import.

  5. Pada layar berikutnya:
    – Assign author untuk konten yang diimport (pilih user kamu sendiri, atau buat baru).
    – Centang “Download and import file attachments” 
    – Centang “Change all imported URLs that currently link to the previous site so that they now link to this site”
  6. Klik Submit.

  7. Tunggu proses selesai. Perhatikan ringkasan/log yang muncul di layar setelah proses submit.
  8. Cek hasilnya di menu CPT terkait (misalnya Trips → All Trips) — sekarang seharusnya sudah muncul entri data lengkap dengan konten dan field ACF-nya, tidak kosong lagi seperti di Langkah 1.
  9. Jika kamu menerima lebih dari satu file .xml (misalnya 2-namakit-cpt-data.xml, 3-namakit-cpt-data2.xml, dst karena ada beberapa CPT berbeda), ulangi langkah 1–8 untuk setiap file, sesuai urutan angkanya.

Langkah 3 — Import Elementor Template Kit

  1. Masuk ke Dashboard WordPress → Elementor → Editor → Tools.
  2. Pilih tab Website Templates.
  3. Pada bagian Apply a Website Template, klik Import (Upload .zip file).

  4. Upload file 3-namakit-elementor-kit.zip hasil extract tadi.
  5. Elementor akan menampilkan daftar konten yang tersedia di dalam kit, seperti:
    – Site Settings (warna, tipografi, layout)
    – Templates (header, footer, single post, archive, dll)
    – Content (halaman/post yang disertakan)
    – Plugin yang direkomendasikan
  6. Centang semua bagian yang ingin diimport (disarankan pilih semua, kecuali kamu punya alasan khusus untuk skip sebagian).

  7. Klik Import and apply, tunggu proses selesai.
  8. Setelah selesai, klik See It Live untuk melihat hasil import.

Langkah Setelah Import (Post-Import Checklist)

  1. Cek Data CPT Buka menu CPT (misalnya Trips → All Trips), pastikan jumlah entri sesuai dan field ACF di tiap entri (gambar, teks, dll) sudah terisi.



  2. Cek Page/Halaman Buka Pages → All Pages, pastikan semua halaman yang seharusnya ada sudah muncul.



  3. Cek Tampilan Live Buka website di tab baru, cek satu per satu halaman (termasuk halaman CPT seperti single/archive Trip) — pastikan tampilannya sesuai desain, tidak ada bagian yang kosong atau error.

Troubleshooting

Masalah

Field ACF tidak muncul / dynamic tag kosong di halaman atau CPT

Kemungkinan Penyebab

File JSON belum diimport, atau diimport setelah CPT/Template Kit

Solusi

Pastikan Langkah 1 (Import JSON) sudah dilakukan lebih dulu; jika belum, import sekarang lalu buka & save ulang halaman/entri yang bermasalah

Masalah

Dynamic Tag menampilkan data yang tidak sesuai (misalnya field kosong padahal datanya ada, atau field yang salah yang tampil)

Kemungkinan Penyebab

Koneksi dynamic tag di widget Elementor terputus/salah, biasanya karena widget diedit manual atau field group sempat diimport ulang

Solusi

Buka halaman di Elementor Editor, klik widget yang bermasalah → klik ikon dynamic tag di pengaturan konten widget → pastikan field ACF yang dipilih di dropdown sudah yang benar (kalau salah, pilih ulang field yang sesuai) → klik Update

Masalah

Jumlah data CPT tidak lengkap, atau proses import macet/timeout

Kemungkinan Penyebab

Limit server (max_execution_time / memory_limit) terlalu kecil untuk data yang diproses

Solusi

Naikkan limit server sesuai rekomendasi, lalu jalankan ulang import file yang sama — aman diulang, entri yang sudah ada akan dilewati

Masalah

Ada data CPT yang tampak dobel/duplikat

Kemungkinan Penyebab

File .xml yang sama diimport lebih dari sekali

Solusi

Bandingkan entri yang duplikat, pertahankan yang datanya paling lengkap, hapus sisanya (Trash → Delete Permanently)

Masalah

Template Header/Footer/CPT tidak tampil di halaman yang seharusnya

Kemungkinan Penyebab

Display Conditions (aturan yang menentukan sebuah template tampil di halaman/CPT mana) belum diatur dengan benar

Solusi

Masuk ke Templates → Theme Builder, klik template yang bermasalah → Edit Conditions → pastikan kondisinya sesuai (misalnya “Singular > Trips” untuk template single Trip)

Jika mengalami kendala yang tidak tercakup di panduan ini, silakan hubungi kami lewat emjecreative.com/contact-us untuk bantuan lebih lanjut.