बुकिंग विजेट — अपनी वेबसाइट पर Addagio जोड़ें
ग्राहकों को सीधे आपकी अपनी वेबसाइट पर बुकिंग करने दें। Addagio विजेट दो मोड में काम करता है: एक फ़्लोटिंग बटन जो आपका बुकिंग पेज पॉपअप में खोलता है, या एक इनलाइन फ़ॉर्म जो सीधे आपके पेज के अंदर दिखता है।
2 चरणों में सेटअप
- डैशबोर्ड → सेटिंग्स में "बुकिंग URL" के अंतर्गत अपना slug ढूँढें — यह addagio.io/book/ के बाद का हिस्सा है।
- अपनी वेबसाइट के समापन </body> टैग से पहले कोड स्निपेट पेस्ट करें।
फ़्लोटिंग बटन + पॉपअप
आपकी साइट के कोने में "अभी बुक करें" बटन दिखाई देता है। क्लिक करने पर आपका बुकिंग पेज एक साफ़-सुथरे ओवरले में खुलता है — ग्राहक आपकी साइट छोड़े बिना बुकिंग करते हैं।
<script>
var addagioWidget = {
slug: 'your-business-slug',
buttonText: 'Book Now',
color: '#C67B5C',
position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>इनलाइन बुकिंग फ़ॉर्म
पूरी बुकिंग प्रक्रिया (सेवाएँ, कैलेंडर, भुगतान) सीधे आपके पेज लेआउट में दिखती है — Calendly के इनलाइन विजेट की तरह। जहाँ फ़ॉर्म चाहिए वहाँ एक खाली div जोड़ें।
<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>इनलाइन फ़्रेम सामग्री के अनुसार अपनी ऊँचाई अपने आप समायोजित करता है — कोई स्क्रॉलबार नहीं, कोई निश्चित ऊँचाई नहीं। आप एक पेज पर कई फ़ॉर्म रख सकते हैं।
पूर्ण तकनीकी संदर्भ (सभी विकल्प, JavaScript API, प्लेटफ़ॉर्म गाइड) →
अक्सर पूछे जाने वाले प्रश्न
क्या यह मेरी वेबसाइट धीमी कर देगा?⌄
नहीं। स्क्रिप्ट 3KB की है और असिंक्रोनस रूप से लोड होती है — यह आपके पेज की रेंडरिंग को नहीं रोकती।
क्या यह WordPress, Wix, Squarespace या Shopify पर काम करता है?⌄
हाँ। स्निपेट को अपनी थीम के फ़ुटर या साइट बिल्डर के कस्टम कोड सेक्शन में पेस्ट करें। कस्टम HTML की अनुमति देने वाला कोई भी प्लेटफ़ॉर्म काम करता है।
क्या इनलाइन फ़ॉर्म अपनी ऊँचाई अपने आप समायोजित करता है?⌄
हाँ। एम्बेडेड फ़ॉर्म अपनी ऊँचाई आपके पेज को बताता है और ग्राहक बुकिंग चरणों में आगे बढ़ते हैं तो फ़्रेम अपने आप आकार बदलता है।
Languages