Cara menampilkan lelang online di situs web Anda sendiri

Yang ditampilkan embed lelang yang baik

Empat hal, dan tidak ada yang lain:

• Lot yang sedang aktif, dengan foto, judul, harga terkini dan jumlah tawaran, serta hitung mundur menuju tiap penutupan yang benar-benar berjalan. Lot yang belum dibuka menampilkan harga awalnya dan hitung mundur menuju pembukaannya sebagai gantinya.
• Satu klik yang membuka lotnya di situs lelang, di tab baru, sehingga pengunjung bisa menawar tanpa kehilangan halaman Anda.
• Tidak ada apa-apa saat tidak ada apa-apa. Blok itu harus menghilang dengan sendirinya saat tidak ada lot yang dibuka atau akan datang. Embed yang menampilkan lelang bulan lalu, atau "saat ini tidak ada lelang", memberi tahu setiap pengunjung bahwa Anda sedang tidak sibuk.
• Tampilan Anda. Warna aksen dan gaya sudut Anda, sehingga terbaca sebagai bagian dari situs Anda dan bukan sebagai iklan.

Yang perlu dihindari: iframe dari seluruh situs lelang (dua bilah gulir, dua header, tata letak ponsel yang rusak), tangkapan layar yang basi pada hari diambil, dan apa pun yang meminta pengunjung masuk di situs Anda untuk melihat harga.

Dua cara melakukannya

Skrip. Satu baris <script> yang menggambar blok itu dan menjaganya tetap terkini. Ini cara yang lazim dan berfungsi di mana pun pembuat situs Anda mengizinkan Anda menambahkan "kode kustom", "sematkan HTML" atau "blok kode". Ia tidak boleh memasang cookie dan tidak boleh memuat font atau pelacak atas nama pengunjung Anda; tuntut hal itu dari widget mana pun yang Anda pertimbangkan, karena pemberitahuan privasi Andalah yang harus mencakupnya.

Gambar langsung dengan tautan. Sebagian tempat menolak skrip: tanda tangan email, pembuat buletin, paket gratis beberapa pembuat situs, intranet. Di sana, gambar yang digambar ulang di server setiap beberapa menit, dibungkus tautan ke lelang, mengerjakan sebagian besar tugasnya: menunjukkan berapa lot yang aktif dan kapan penawaran ditutup, dan tetap terkini di halaman atau email yang dikirim berminggu-minggu lalu.

Baris kodenya

Untuk situs lelang yang dibuat di Auctify, widget AuctionAmigo gratis cukup satu baris:

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

Ganti your-sale.myauctify.com dengan alamat situs lelang Anda, dengan atau tanpa https://; domain sendiri bekerja dengan cara yang sama. Perancang di beranda situs ini menuliskan baris itu untuk Anda dengan warna dan bentuk Anda sudah terisi, dan menampilkan hasilnya sebelum Anda menyalinnya. Atributnya:

Widget diperbarui setiap dua menit, tidak memasang cookie dan tidak menyimpan apa pun, tidak memuat font maupun pelacak, menggambar di dalam shadow root-nya sendiri sehingga gaya Anda dan gayanya tidak saling mengganggu, dan tidak menampilkan apa pun saat situs tidak punya lot yang dibuka maupun yang akan datang. Penawaran berlangsung di situs lelang, tidak pernah di dalam widget.

Bentuk yang mana, dan di mana pada halaman

Mulailah dengan satu penempatan, bukan tiga. Beranda, di bawah layar pertama, adalah tempat yang dilihat kebanyakan pengunjung; widget mengambang di setiap halaman adalah yang kedua. Atur jumlah lot sesuai ruang yang tersedia: tiga lot di sidebar yang sempit tampak lebih baik daripada dua belas.

Di mana menempelkannya, pembuat situs demi pembuat situs

Setiap pembuat situs punya kotak untuk kode dari pihak lain; namanya berbeda-beda. Nama menu di bawah ini sesuai label yang dipakai pembuat situs saat tulisan ini dibuat dan bisa berpindah seiring desain ulang, jadi bila salah satunya sudah pindah, cari "embed code" atau "custom code" di bantuan pembuat situs itu. Bila suatu fitur bergantung pada paket, disebutkan di sini; cek paket Anda sendiri sebelum berasumsi.

1. WordPress

   Blok Custom HTML di editor blok, pada halaman yang Anda inginkan, dengan baris itu ditempel di dalamnya; atau area widget untuk sidebar. Ada panduan tersendiri tentang menjalankan lelang dengan situs WordPress yang membahas hal ini dan soal plugin.

2. Wix

   Di editor: Add Elements → Embed Code → Embed HTML, tempel baris itu ke dalam elemen dan atur ukurannya. Wix menjalankan kode sematan di dalam bingkainya sendiri, jadi pilih bentuk sebaris (horizontal, vertikal atau skyscraper) dan buat elemennya sebesar yang dibutuhkan bentuk itu; widget mengambang tidak bisa keluar dari bingkai tersebut. Kode untuk seluruh situs diletakkan di Settings → Custom Code, yang ditawarkan Wix pada paket berbayarnya dengan domain terhubung.

3. Squarespace

   Tambahkan blok Code di tempat Anda menginginkan lotnya dan tempel baris itu. Squarespace menjalankan skrip di blok kode pada paket Business ke atas; pada paket Personal blok kode hanya menampilkan HTML, dan skrip tidak berbuat apa-apa. Untuk semua halaman sekaligus, Settings → Advanced → Code Injection → Footer, dengan persyaratan paket yang sama.

4. Jimdo

   Jimdo Creator: elemen Widget / HTML, tempel baris itu. Editor Jimdo yang lebih baru punya elemen HTML pada paket berbayarnya. Pilih bentuk sebaris dan beri elemennya ruang.

5. Webflow

   Seret elemen Embed ke halaman dan tempel baris itu ke dalamnya. Kode untuk seluruh situs diletakkan di Site settings → Custom code → Footer code, yang memerlukan paket situs berbayar untuk dipublikasikan.

6. Shopify

   Online Store → Themes → Customize, tambahkan blok Custom Liquid (atau Custom HTML, tergantung temanya) ke bagian tempat lot harus muncul, dan tempel baris itu. Widget menautkan keluar ke situs lelang; ia tidak menambahkan apa pun ke keranjang toko.

7. Weebly dan Google Sites

   Weebly: elemen Embed Code. Google Sites: Insert → Embed → Embed code. Keduanya menjalankan kode di dalam bingkainya sendiri, jadi gunakan bentuk sebaris dan sesuaikan ukuran elemen dengannya.

8. HTML biasa, atau pengembang

   Tempel baris itu di tempat blok harus muncul, atau tepat sebelum </body> dengan bentuk mengambang. Dengan data-target Anda bisa menyimpan tag di satu tempat dan membuat widget menggambar ke elemen mana pun lewat selektornya.

Di tempat skrip tidak diizinkan

Tanda tangan email, alat buletin, paket gratis beberapa pembuat situs dan kebanyakan intranet membuang skrip. Gunakan gambar langsung di sana: banner yang digambar di server setiap beberapa menit yang menunjukkan berapa lot yang aktif dan kapan penawaran ditutup, dibungkus tautan ke lelang. Dalam HTML itu adalah <a> yang membungkus <img>; di alat buletin itu adalah "tambahkan gambar, atur tautan". Karena gambarnya digambar ulang, email yang dikirim dua minggu lalu tetap menampilkan jumlah terkini, dan begitu lelang berakhir ia menjadi ajakan sederhana untuk mengunjungi situs lelang, bukan klaim yang basi.

Yang tidak bisa dilakukan gambar langsung: menampilkan lot satu per satu dengan harganya, atau menghitung mundur. Ia adalah cadangan, bukan pilihan pertama, dan jauh lebih pantas berada di email daripada di halaman web yang bisa menjalankan skrip.

Memastikan semuanya berfungsi

Buka halaman itu di jendela browser pribadi, di ponsel dan di komputer. Anda seharusnya melihat lotnya dalam satu atau dua detik. Jika Anda tidak melihat apa pun, penyebabnya salah satu dari tiga hal ini, dan widget sengaja diam tentang ketiganya, supaya pengunjung tidak pernah melihat pesan kesalahan:

• Situs lelang tidak punya lot yang dibuka maupun yang akan datang. Pasang satu lot, atau pastikan penawaran memang sudah dibuka.
• Situs lelang berada dalam mode pribadi, sehingga tidak ada apa pun darinya yang terbuka untuk umum. Situs pribadi tidak dapat ditampilkan di mana pun.
• Alamatnya salah, atau elemen yang disediakan pembuat situs untuk kode itu terlalu kecil untuk digambari. Periksa ejaan data-site, lalu perbesar elemennya.

Kemudian tunggu dua menit setelah sebuah tawaran masuk di situs lelang dan pastikan harga di halaman Anda ikut berubah. Sejak saat itu tidak ada lagi yang perlu dirawat: saat lelang berakhir blok itu menghilangkan dirinya sendiri, dan lelang berikutnya muncul begitu lotnya dipasang.

Pertanyaan