Widget Pemesanan — Tambahkan Addagio ke Situs Web Anda

Biarkan pelanggan memesan langsung di situs web Anda sendiri. Widget Addagio bekerja dalam dua mode: tombol mengambang yang membuka halaman pemesanan dalam popup, atau formulir inline yang ditampilkan langsung di dalam halaman Anda.

Pengaturan dalam 2 langkah

  1. Temukan slug Anda di Dasbor → Pengaturan di bawah "URL Pemesanan" — bagian setelah addagio.io/book/.
  2. Tempel cuplikan kode sebelum tag penutup </body> situs web Anda.

Tombol mengambang + popup

Tombol "Pesan Sekarang" muncul di sudut situs Anda. Saat diklik, halaman pemesanan terbuka dalam overlay yang rapi — pelanggan memesan tanpa meninggalkan situs Anda.

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

Formulir pemesanan inline

Seluruh alur pemesanan (layanan, kalender, pembayaran) ditampilkan langsung di dalam tata letak halaman Anda — seperti widget inline Calendly. Tambahkan div kosong di tempat Anda ingin menampilkan formulir.

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

Bingkai inline menyesuaikan tingginya secara otomatis dengan konten — tanpa scrollbar, tanpa tinggi tetap. Anda dapat menempatkan beberapa formulir dalam satu halaman.

Referensi teknis lengkap (semua opsi, API JavaScript, panduan platform)

Pertanyaan yang sering diajukan

Apakah akan memperlambat situs saya?

Tidak. Skripnya hanya 3KB dan dimuat secara asinkron — tidak memblokir rendering halaman Anda.

Apakah berfungsi di WordPress, Wix, Squarespace, atau Shopify?

Ya. Tempel cuplikan di footer tema atau bagian kode kustom pembuat situs Anda. Platform apa pun yang mengizinkan HTML kustom dapat digunakan.

Apakah formulir inline menyesuaikan tingginya secara otomatis?

Ya. Formulir yang disematkan melaporkan tingginya ke halaman Anda dan bingkai berubah ukuran secara otomatis saat pelanggan melewati langkah-langkah pemesanan.