Cara Memperbarui Bidang ACF Dari Frontend [Cara Mudah!]

Diterbitkan: 2023-01-19

Ingin memperbarui bidang ACF dari frontend? Maka ini adalah panduan untuk Anda! Posting ini akan menunjukkan cara memperbarui bidang untuk ACF dengan mudah!

Cara Memperbarui Bidang ACF Dari Frontend

Perkiraan waktu membaca : 4,5 menit

Formulir Kustom Lanjutan (ACF) sangat fantastis.

Menyesuaikan formulir Anda dan memperluas kemampuannya dapat sangat membantu situs web WordPress Anda.

Namun, mengedit kode setiap kali Anda ingin memperbarui bidang sederhana dapat menghabiskan banyak waktu.

Formidable Forms adalah plugin WordPress Form Builder terbaik. Dapatkan secara gratis!

Bagaimana jika ada cara yang lebih baik?

Beruntung bagi Anda, ada. Dan di postingan hari ini, kami akan menunjukkan cara memperbarui bidang ACF Anda dari frontend dengan mudah.

Mari kita masuk ke dalamnya.

Ingin membuat Formulir ACF? : Cara Membuat Formulir Frontend ACF [Tanpa Kode!]

Cara menggunakan ACF untuk memperbarui bidang

Untuk memperbarui bidang ACF Anda dengan plugin ACF, Anda harus secara terprogram memperbarui setiap perubahan bidang.

Misalnya, berikut adalah beberapa kode dasar untuk memperbarui bidang ACF:

Kode Pembaruan ACF

Jadi, Anda harus mengedit kode setiap kali ingin mengubah sesuatu, meskipun itu sesuatu yang sederhana.

Tapi tidak hanya bisa merepotkan, tapi juga bisa memakan waktu. Dan itu mungkin bukan waktu yang Anda miliki.

Dan kami memiliki cara yang lebih mudah untuk menggunakan ACF dan memperbarui bidang dari frontend.

Dengan begitu, Anda menghemat waktu dan tenaga untuk hal-hal yang lebih penting.

Cara memperbarui bidang ACF dari frontend

Anda memerlukan Formidable Forms, plugin WordPress pembuat formulir tercanggih untuk memulai.

Kami merekomendasikan penggunaan Formidable karena fleksibilitas, kekuatan, dan, tentu saja, add-on ACF-nya. Namun untuk mendapatkan add-on tersebut, Anda harus membeli Business Plan Formidable.

Tapi Anda mendapatkan banyak fitur hebat lainnya dengan paket itu, seperti:

  • Kalkulator
  • Pembuat Kuis
  • Bentuk percakapan
  • Integrasi pembayaran
  • Formulir ke PDF
  • Integrasi Google Spreadsheet
  • Dan banyak lagi

Dapatkan Formidable Forms sekarang!

Jadi, buka halaman harga kami dan dapatkan Tangguh. Kemudian kita akan mulai, dan Anda dapat mengikuti formulir Anda. Juga, Anda dapat menggunakan tutorial ini dengan ACF Pro atau Gratis.

Ini beberapa langkah sederhana:

  1. Buat formulir ACF yang tangguh
  2. Petakan bidang
  3. Perbarui bidang sesuai kebutuhan
    Rencana pro Forms yang tangguh

    Langkah 1: Buat formulir ACF yang Hebat

    Sebagai contoh, kami memiliki bisnis keju yang luar biasa bernama Cheap n' Cheesy.

    Kami memiliki halaman Testimonial bagi pelanggan untuk memberikan ulasan tentang bisnis dan produk kami. Tapi kami tidak ingin mengedit kode untuk membuat perubahan sederhana, jadi kami mengunduh Formidable Forms.

    Saat ini di ACF, kami memiliki Grup Lapangan dengan bidang Pengulang ACF yang memiliki subbidang berikut:

    Sub Bidang ACF

    Jadi, kita perlu membuat formulir untuk memetakan bidang.


    Pertama, kita akan pergi ke dasbor WordPress kita ke Tangguh → Formulir → Tambah Baru .

    Tombol Tambah Baru yang Tangguh

    Dengan Tangguh, Anda dapat membuat formulir Kosong atau memilih salah satu dari 150+ templat Tangguh. Karena kami memiliki formulir khusus, kami akan menggunakan formulir Kosong untuk menyesuaikannya sepenuhnya.

    Selanjutnya, kita beri nama Testimonial form kita dan klik Create .

    Kemudian, plugin membawa kita ke pembuat formulir drag-and-drop Formidable, tempat kita dapat menambahkan bidang apa pun yang kita inginkan.

    Pembangun drag-and-drop yang tangguh

    Karena kita sudah memiliki bidang ACF, kita cukup membuat formulir untuk mencocokkannya. Jadi, kami akan menambahkan bidang Pengulang , lalu tiga subbidang: Dropdown, Peringkat Bintang, dan bidang Paragraf .

    Jadi, sekarang formulir kita terlihat seperti ini:

    Formulir Kesaksian

    Sekarang formulir kita terlihat bagus, kita perlu memetakan bidang antara Tangguh dan ACF.

    Tapi pertama-tama, kami akan mengklik Perbarui untuk menyimpan perubahan kami.

    Langkah 2: Petakan bidang

    Untuk memetakan bidang kita, kita perlu pergi ke Pengaturan → Tindakan & Pemberitahuan .

    Selanjutnya, kita akan menambahkan action dengan action Create Post .

    Buat tindakan Posting

    Kami dapat menyesuaikan Nama Tindakan, Jenis Posting, dan pengaturan lainnya, tetapi kami ingin menemukan bagian Bidang Kustom .

    Di sini kami ingin mengklik Petakan bidang formulir untuk beralih Bidang Khusus Tingkat Lanjut .

    Petakan bidang formulir ke sakelar Bidang Khusus Tingkat Lanjut

    Di sini, kita dapat memilih grup bidang ACF kita dari dropdown dan kemudian mencocokkan bidang kita.

    Pengaturan Bidang Kustom

    Sekarang kita telah memetakan ini, kita akan klik Update untuk menyimpan perubahan post action. Dan formulir kami siap digunakan!

    Langkah 3: Perbarui bidang sesuai kebutuhan

    Sudah beberapa bulan sejak kami membuat formulir kami, dan kami memikirkan beberapa perubahan untuk dilakukan.

    Kami ingin mengembangkan daftar email perusahaan kami, Cheesy Bits, sehingga kami juga dapat mengembangkan basis pelanggan kami.

    Kami ingin menambahkan dua bidang ke formulir kami: kotak centang dan bidang email . Selain itu, kami akan memperbarui label kolom Komentar menjadi sesuatu yang lebih menarik.

    Untuk memulai, kita akan menuju ke Custom Fields → Field Groups dan temukan grup Testimonial kita.

    Kami akan menambahkan dua bidang: kotak centang ACF dan bidang email. Namun, kami hanya perlu meminta pelanggan untuk memasukkan email mereka, dan jika mereka ingin berlangganan satu kali, kami akan memastikan bidang kami berada di luar bidang Pengulang .

    Grup Lapangan ACF

    Kemudian, kami akan memperluas bidang Pengulang dan Komentar . Untuk mempermudah, kami akan membiarkan Nama Bidang tetap sama dan mengubah Label Bidang menjadi Beri tahu kami kabar dari Anda!

    Pengaturan Bidang ACF

    Terakhir, kita klik Save Changes untuk menyimpan perubahan ACF.

    Selanjutnya, kita harus melakukan perubahan yang sama pada form ACF Formidable kita. Jadi, kita akan pergi ke Hebat → Formulir dan temukan formulir Testimonial kita.

    Di pembuat formulir kami, kami akan menyeret bidang yang cocok ke formulir kami. Dan kami akan ingat untuk menyimpannya di luar bidang Pengulang , sehingga hanya meminta satu kali. Kemudian, kami akan memperbarui label bidang Komentar agar cocok dengan label ACF.

    Pembuat formulir yang tangguh

    Selanjutnya, kita klik Perbarui untuk menyimpan perubahan. Dan sekarang, kita hanya perlu memetakan bidang baru.

    Jadi, kita akan pergi ke Settings → Actions & Notifications → Create Post → Custom Fields . Kemudian, kita akan mengklik + dua kali untuk menambahkan dua field baru dan mencocokkan Formidable Fields dengan field ACF.

    Pengaturan Bidang Kustom dan Pemetaan Bidang yang Tangguh

    Terakhir, kami akan mengklik Perbarui untuk menyimpan perubahan kami dan melihat daftar email kami bertambah!

    Siap memperbarui bidang ACF Anda dengan mudah?

    Seperti yang Anda lihat, Tangguh membuat pembaruan bidang khusus Anda jauh lebih mudah.

    Anda tidak lagi harus memperbarui bidang secara terprogram, melacak kunci bidang, memposting ID, atau memperbarui fungsi bidang. Cukup buka admin WP Anda dan mulailah menyesuaikan.

    Dan Formidable Forms membuat semuanya mudah bagi Anda. Baik menyesuaikan postingan blog pengguna, menambahkan bidang WooCommerce, atau membuat formulir dasar, Anda dapat melakukannya (dan lainnya) dengan satu plugin.

    Jadi, jangan menunggu lebih lama lagi. Buka dan ambil Formulir yang Hebat untuk menyederhanakan alur kerja ACF Anda!

    Dapatkan Formidable Forms sekarang!

    Terakhir, ikuti kami di Twitter, Facebook, dan YouTube untuk tips & trik ACF lainnya!

    Baca lebih lanjut tentang Tangguh dan ACF!


    Tahukah Anda bahwa Formidable Forms adalah salah satu plugin pembentuk formulir WordPress tercepat yang tersedia saat ini? Jika Anda belum menggunakannya, mulailah dengan plugin gratis kami atau versi pro berfitur lengkap!