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.