Jika anda ingin menampilkan form order/checkout page ke dalam landing page/sales page, anda dapat menggunakan fitur “Embed Checkout Page”
Dengan cara sebagai berikut:
Pertama, klik menu “Products” di atas. Kemudian, pilih product yang akan anda embed form checkout ke sebuah landing page
Selanjutnya klik produk tersebut dan anda akan diarahkan pada halaman product details. Pada halaman ini, anda akan menemukan tombol “Embed checkout page”, kemudian klik tombol tersebut
- Jika anda memiliki lebih dari satu form pada produk yang sama. Contohnya anda memiliki satu form checkout yang bentuknya “full form” dan satu form lainnya “simple form”. Apabila anda hanya ingin meng-embed salah satu form saja (misalkan full form) maka anda bisa klik tombol “Embed form” pada list form “full form”
Kemudian akan muncul pop up embed checkout page setting. Pada pop up information tersebut akan muncul beberapa informasi yang dapat anda sesuaikan.
- Embed Mode: pada opsi ini, anda dapat menyesuaikan bagaimana tampilan embed di website anda. Terdapat dua opsi, yaitu on-page dan pop up.
1. On Page: Jika anda memilih mode “on page”, maka halaman checkout akan langsung ditampilkan di halaman landing page yang anda taruh embed code checkout pagenya.
2. Pop up: jika anda pilih mode pop up maka untuk tampilan embed checkout page, nantinya akan berbentuk tombol yang ketika diklik akan muncul pop up halaman checkout page. Apabila anda memilih opsi ini anda juga bisa menyesuaikan “Pop Up Toggle Text” (penamaan tombol yang akan tampil di halaman landing page) & Pop up title (menyesuaikan judul checkout page yang muncul pada pop up)
- Redirect to: pada opsi ini, anda dapat memilih domain mana yang ingin anda gunakan untuk redirect embed tersebut. Namun, opsi domain hanya akan muncul jika anda sudah mengintegrasikan custom domain ke orderonline
- Trigger Facebook Pixel & Google Tag Manager: Opsi trigger ini dapat anda gunakan jika anda sudah menginstall Pixel ID Facebook atau GTM ID pada pengaturan Tracking checkout form anda. Jika anda ingin embed code checkout form anda terintegrasi dengan Pixel ID atau GTM ID yang terpasang pada halaman checkout page anda, maka anda dapat mencentang opsi trigger tersebut
Setelah menyesuaikan pengaturan Embed Checkout Page, anda dapat copy embed code dengan cara klik tombol “copy embed code” dan kemudian akan muncul pop up notification berwarna hijau yang menandakan bahwa embed code telah berhasil dicopy
Pada tutorial kali ini, akan dicontohkan memasukan code embed checkout page produk ke landing page atau sales page yang dibuat pada WordPress.
Langkah pertama, buka wordpress anda. Lalu klik tombol “Pages” di sebelah kiri dan klik “Add new pages”
Kemudian anda akan diarahkan pada page editor. Setelah itu, pilih menu “Template” dan pilih “Elementor Canvas”
Dalam halaman ini, terdapat tombol “Edit with Elementor” dan klik tombol tersebut
Kemudian anda akan diarahkan pada halaman elementor. Pada halaman ini, terdapat beberapa elemen yang dapat anda sesuaikan
Selanjutnya, scroll halaman tersebut ke bawah dan anda akan menemukan sub menu berjudul “WordPress”
Klik sub menu tersebut, silakan anda scroll kembali ke paling bawah hingga menemukan widget “Custom HTML”
Kemudian, akan muncul menu editor untuk widget tersebut. Paste code embed yang telah anda copy pada kolom “Content” dan isi “Title” untuk memberi judul embed anda. Secara otomatis, form checkout akan muncul di pada page anda.
- Contoh checkout form dengan opsi “On-Page”
- Contoh checkout form dengan opsi “Pop-Up”
Setelah itu, klik “Apply” dan form checkout anda pun akan secara otomatis tersimpan pada page anda
Untuk melihat bagaimana tampilan form checkout pada page anda, klik tombol “Preview Changes” di bawah page anda dan secara otomatis anda akan dialihkan pada preview page.
Untuk penggunaan page builder selain Elementor, anda tetap bisa menggunakan fitur “Sales Page Tracking” ini, dengan syarat page builder yang anda miliki dapat memasukkan kode HTML.
Video Embed Checkout Page
Jika anda memiliki pertanyaan, memerlukan bantuan atau panduan lebih lanjut, jangan ragu untuk menghubungi tim kami melalui live chat yang tersedia dari jam 09:00-22:00 WIB dan kami akan dengan senang hati membantu anda menyelesaikan masalah anda!
