Cara Membuat Buku Tamu Online untuk Pernikahan Anda dengan Divi & Auto Testimonial

Posting ini adalah bagian 4 dari 5 dalam miniseri kami Cara Membuat Situs Web Pernikahan yang Elegan dengan Divi. Dalam seri ini, kami akan memandu Anda melalui bagian terpenting dalam membuat situs web pernikahan untuk diri sendiri atau klien dengan Divi.

Dalam tiga bagian pertama dari miniseri ini, kami menunjukkan cara membuat situs web pernikahan yang elegan. Website ini berisi halaman pengumuman, halaman galeri dan halaman daftar hadiah.

Memiliki buku tamu online di situs web Anda juga memungkinkan Anda untuk terlibat dengan para tamu setelah pernikahan. Itu sebabnya kami mencari solusi termudah di luar sana yang bekerja dengan Divi.

Kami ingin menunjukkan cara membuat buku tamu online dengan Testimonial Divi Otomatis dari Noou. Plugin ini akan membantu kami membuat aliran otomatis dari testimonial yang masuk. Plugin akan membuat halaman Anda ramah pengguna dan santai, ditambah lagi, ini akan menghemat banyak waktu Anda.

Dalam tutorial ini, kami akan menunjukkan kepada Anda langkah demi langkah bagaimana mengintegrasikan Testimonial Divi Otomatis ke halaman buku tamu Anda dan menyesuaikannya untuk tujuan itu. Dan, cara membuat layout Modul Testimonial Otomatis berikut ini sesuai dengan website pernikahan yang sudah Anda buat.

Membeli Plugin

Pertama-tama, Anda harus membeli Testimonial Divi Otomatis Otomatis dari Noou di situs web mereka jika Anda belum memiliki plugin. Setelah Anda melakukan pemesanan, Anda akan menerima file ZIP. File ZIP berisi semua file yang diperlukan untuk membuat plugin berjalan dengan lancar.

Mengunggah Plugin Testimonial Divi Otomatis

Sebelum mengunggah plugin di situs WordPress Anda, Anda harus membuat beberapa modifikasi pada salah satu file yang disertakan dalam file ZIP.

Buka file Zip Divi Automatic Testimonials > Divi-automatic-testimonials > Frontend > Buka file Formulir dengan editor kode.

Dalam contoh ini, kita akan menggunakan Notepad++ untuk mengedit file, tetapi jangan ragu untuk menggunakan editor kode pilihan apa pun.

Mengubah Judul Formulir

Formulir yang telah ditentukan biasanya digunakan untuk tujuan bisnis. Pertanyaan standar yang perlu dijawab seseorang terkait bisnis, seperti jabatan dan perusahaan. Kita harus melakukan modifikasi pada file PHP sebelum mengunggah plugin karena mereka menggunakan kode pendek untuk menampilkan formulir di situs web Anda yang dibangun dengan Divi.

Kami ingin mengubah judul-judul ini, tetapi karena mereka saat ini masih mengerjakan formulir khusus yang dapat Anda edit dalam Divi, kami harus kembali ke sumbernya untuk membuat modifikasi ini. Ini adalah tampilan formulir di situs web, tanpa modifikasi:

Tiga bidang yang harus kita ubah adalah bidang 'Jabatan', 'Nama Perusahaan' dan 'URL Perusahaan'. Anda dapat mengubah kedua bidang ini menjadi apa pun yang ingin Anda ketahui tentang orang tersebut. Namun dalam contoh ini, kita akan menggantinya dengan 'Keluarga/teman', 'Peran di pernikahan' dan 'Situs web Anda sendiri'.

Jabatan untuk Keluarga/teman dari

Ubah label dari 'Jabatan' menjadi 'Keluarga/teman' dan placeholder dari 'Silakan masukkan jabatan Anda' menjadi 'Beri tahu kami siapa yang mengundang Anda'.

Nama Perusahaan untuk Peran di Pernikahan

Ubah label dari 'Nama Perusahaan' menjadi 'Peran di pernikahan dan placeholder dari 'Silakan masukkan nama perusahaan Anda' menjadi 'Beri tahu kami apa peran Anda di pernikahan itu'.

URL Perusahaan ke Situs Web Pribadi

Ubah label dari 'Perusahaan/URL Anda' menjadi 'Situs web pribadi Anda' dan placeholder dari 'Silakan masukkan URL perusahaan atau pribadi Anda misalnya http://google.com' menjadi 'Masukkan URL situs web pribadi Anda misalnya http://google .com'.

Catatan: kemungkinan file tersebut masih dalam modus Read-Only. Untuk mulai mengedit, buka tab Edit dan pilih 'Hapus Bendera Hanya Baca'.

Setelah mengubah kode, salin seluruh kode dan buat file Notepad++ baru yang Anda ganti dengan yang sekarang. Perubahan mungkin tidak akan disimpan di file lama, oleh karena itu kita perlu mengganti file dengan yang baru. Mengganti file lama dengan file baru, yang berisi kode baru, akan membantu Anda menjembatani masalah.

Simpan file dan keluar. Formulir Anda nantinya akan terlihat seperti ini:

Kami telah membuat perubahan pada bagian frontend plugin saja, sehingga tidak membingungkan para tamu yang mengunjungi situs web. Modifikasi yang kami lakukan tidak berlaku untuk backend itu semua.

Saat Anda mencoba menambahkan testimonial ke situs WordPress Anda secara manual, Anda masih akan melihat judul 'Jabatan' dan 'Nama Perusahaan'. Namun, ini tidak pernah muncul di situs web Anda, jadi silakan ketikkan jawaban untuk pertanyaan baru yang kami buat.

Mengunggah Plugin

Sekarang, untuk mengunggah plugin ke situs web Anda, buka Plugin > Add new dan unggah plugin yang dimodifikasi yang disimpan di desktop Anda. Setelah mengaktifkan plugin Testimonial Divi Otomatis, itu akan muncul di menu WordPress Anda:

Pengaturan Testimonial Divi Otomatis

Plugin Testimonial Divi Otomatis memudahkan para tamu untuk berbagi pengalaman yang mereka alami di pesta pernikahan. Mereka dapat mengisi formulir di situs web dan email akan secara otomatis dikirim ke pemilik situs web atau ke alamat email lain yang Anda suka. Untuk melakukan penyesuaian ini, buka Pengaturan dan tambahkan alamat email orang yang Anda inginkan untuk menerima testimonial masuk.

Menambahkan Kesaksian Baru

Ada dua cara untuk menambahkan testimonial baru ke daftar testimoni Anda; secara manual atau otomatis. Dalam kasus tertentu, Anda harus menambahkan testimonial sendiri. Plugin ini memperhitungkannya.

Menambahkan Testimonial Baru Secara Manual

Anda dapat menambahkan testimonial secara manual dengan mengklik 'Tambahkan testimonial' di bagian Testimonial Divi Otomatis di situs WordPress Anda.

Di sini, Anda akan melihat bahwa perubahan yang kami buat sebelumnya tidak berlaku untuk backend plugin. Bidang 'Keluarga/teman' masih disebut 'Jabatan'. Anda hanya perlu ingat bahwa di sanalah Anda menulis bagaimana orang yang bersangkutan berhubungan dengan pasangan pengantin.

Jumlah yang sama untuk dua bidang lain yang sesuai dengan kesaksian bisnis. 'Nama Perusahaan' adalah bidang tempat Anda akan memasukkan 'Peran di pernikahan' dan bidang 'URL' tidak terkait dengan perusahaan.

Yang penting adalah semua judul ini tidak akan pernah muncul di situs web itu sendiri. Kami sudah mengedit hal-hal yang awalnya akan muncul (dalam formulir) di situs web. Pengeditan yang kami lakukan sebelum mengunggah plugin adalah cara tercepat untuk membuat plugin bekerja tanpa harus membuat perubahan radikal pada plugin itu sendiri.

Saat membuat testimonial baru, Anda juga dapat menambahkan gambar unggulan dari orang yang memberikan kesaksian. Ini akan menjadi gambar yang akan muncul dalam testimonial di situs web pernikahan Anda.

Menambahkan Testimonial Baru Secara Otomatis

Kemudian kami memiliki bagian menarik dari plugin ini yang memungkinkan para tamu terlibat dengan situs web dan melakukan pekerjaan berulang untuk Anda. Para tamu dapat mengirimkan kesaksian mereka sendiri tanpa pekerjaan manual lebih lanjut. Testimonial yang dihasilkan oleh tamu Anda, dengan mengisi formulir di situs web Anda, secara otomatis akan ditambahkan ke daftar testimonial dan Anda akan menerima email pemberitahuan.

Setelah itu, Anda masih dapat memutuskan apa yang Anda lakukan dengan testimonial; bagaimana Anda menampilkannya di situs web Anda dan apakah Anda ingin menyimpannya atau tidak. Tujuan utama dari plugin Automatic Divi Testimonials adalah untuk membantu pemilik situs web mendapatkan testimonial dari tamu tanpa salah satu pihak harus berusaha keras. Para tamu tidak perlu berkomunikasi melalui apa pun selain situs web pernikahan.

Memulai

Sekarang, buka halaman di mana Anda ingin menambahkan buku tamu online. Ini bisa menjadi halaman terpisah tetapi Anda selalu dapat menambahkan beberapa Testimonial Otomatis ke beranda Anda juga. Formulir saat ini tidak muncul di pembuat visual karena muncul melalui kode pendek. Untuk tutorial ini, kita akan menggunakan Divi builder biasa dari sebuah halaman untuk menunjukkan cara melakukannya.

Sekarang, mulailah dengan menambahkan halaman baru atau buka halaman yang Anda inginkan untuk menempatkan testimonial Anda. Di dalam halaman baru itu, kita memerlukan Bagian Standar dengan baris lebar penuh. Tambahkan Modul Teks biasa ke baris. Di dalam Modul Teks itu, ketik kode pendek berikut [dup] di dalam Teks subkategori dari tab Konten. Kode pendek ini akan membuat formulir muncul di situs web.

Beginilah tampilan formulir Anda jika Anda mempratinjaunya:

Menetapkan Kategori Berbeda

Setelah Anda menambahkan testimonial ke daftar, Anda dapat memasukkannya ke dalam kategori yang berbeda. Cukup buka bagian 'Kategori' di plugin Testimonial Divi Otomatis Anda. Di sini, Anda dapat membuat kategori baru untuk membuat segala sesuatu di belakang layar lebih teratur. Anda dapat, misalnya, membuat kategori terpisah untuk pengiring pengantin dan pengiring pria.

Menampilkan Testimonial di Situs Web Pernikahan Anda

Menggunakan Modul Testimonial Otomatis

Pada pandangan pertama, Modul Testimonial Otomatis terlihat sama seperti setiap modul lain dalam daftar. Buat bagian baru, tambahkan baris lebar penuh dan tempatkan Modul Testimonial Otomatis di dalamnya. Jika Anda telah mengumpulkan testimonial, ini akan muncul di situs web Anda secara otomatis.

Dan, tentu saja, Anda dapat menyesuaikan gaya yang sesuai. Dalam contoh ini, kami akan membuat testimonial Anda terlihat seperti gambar di bawah ini. Gaya ini akan cocok dengan gaya tiga bagian pertama dari miniseri ini.

Buka pengaturan Modul Testimonial Divi Otomatis Anda, buka subkategori Latar Belakang dari tab Konten dan pilih berapa banyak kesaksian yang ingin Anda tampilkan. Di dalam tab yang sama, pilih tata letak testimonial 'Standar Divi 4 Kolom'.

Selanjutnya, buka tab Pengaturan Desain Lanjutan dan ubah Warna Ikon Kutipan ke '#9b857b' di dalam subkategori Spasi.

Selanjutnya, buka tab Advanced dan tambahkan kode berikut ke Elemen Utama di dalam tab Custom CSS:

border-radius: 25px;
background: -webkit-linear-gradient(-90deg, #fffaf6 , #fae4de );
background: -o-linear-gradient(-90deg, #fffaf6 , #fae4de );
background: -moz-linear-gradient((-90deg, #fffaf6 , #fae4de );
background: linear-gradient((-90deg, #fffaf6 , #fae4de );

Dan Anda sudah selesai. Testimonial sekarang akan memiliki warna latar belakang gradien yang cocok dengan halaman lain di situs web pernikahan Anda.

Selanjutnya

Di bagian terakhir dari miniseri ini, kita akan melihat bagaimana Anda membuat timeline untuk situs web pernikahan Anda di mana Anda dapat menampilkan jadwal pernikahan. Jika Anda memiliki pertanyaan tentang tutorial ini, atau jika Anda memiliki permintaan untuk tutorial selanjutnya; pastikan Anda meninggalkan komentar di bagian komentar dari posting blog ini sehingga kami dapat membalas Anda dengan jawaban!

Pastikan untuk berlangganan buletin email dan saluran YouTube kami sehingga Anda tidak akan pernah melewatkan pengumuman besar, tip bermanfaat, atau Divi freebie!