WAButton

Webflow कस्टम कोड

Webflow के लिए WhatsApp बटन

अपनी Webflow वेबसाइट पर फ़्लोटिंग WhatsApp बटन जोड़ें। ग्रीटिंग चुनें और विज़िटर्स को अपने बिज़नेस नंबर पर मैसेज करने दें।

2 मिनट में सेटअप टारगेट: Project Settings -> Custom Code -> Footer Code

Webflow के लिए स्टेप-बाय-स्टेप इंस्टॉलेशन

अपनी Webflow वेबसाइट में WAButton इंस्टॉलेशन कोड जोड़ने के लिए ये स्टेप फ़ॉलो करें।

  1. 1

    Webflow Project Settings खोलें

    Webflow में अपना प्रोजेक्ट खोलें। Project Settings -> Custom Code पर जाएं।

    काम की टिप: चाहें तो Webflow की पेज सेटिंग्स में किसी खास पेज पर भी कस्टम कोड जोड़ा जा सकता है।

  2. 2

    Footer Code में पेस्ट करें

    "Footer Code" (Before </body> tag) तक स्क्रॉल करें और अपना स्निपेट पेस्ट करें।

    काम की टिप: WAButton अपनी स्टाइल को wabutton-प्रीफ़िक्स वाले क्लास नामों तक सीमित रखता है, इसलिए आपके Webflow क्लास नाम और CSS ग्रिड वैसे ही रहते हैं।

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    साइट पब्लिश करें

    Save Changes पर क्लिक करें, फिर अपने कस्टम डोमेन पर पब्लिश करने के लिए Publish दबाएं।

    काम की टिप: क्लाइंट की मंज़ूरी से पहले टेस्ट करने के लिए स्टेजिंग डोमेन और प्रोडक्शन डोमेन, दोनों पर पब्लिश करें।

स्टोर मालिक और एजेंसियां Webflow के लिए WAButton क्यों चुनते हैं

डिज़ाइनर लुक

आकर्षक टाइपोग्राफ़ी, हल्की ड्रॉप शैडो और बारीक, हाई-फ़िडेलिटी माइक्रो-इंटरैक्शन।

एजेंसी से क्लाइंट को हैंडऑफ़

डिप्लॉय करने से पहले क्लाइंट्स के साथ विजेट का इंटरैक्टिव लाइव प्रीव्यू शेयर करें।

आपकी क्लासेज़ जस की तस

स्टाइल wabutton-प्रीफ़िक्स वाले क्लास नामों तक सीमित हैं और लॉन्चर fixed-position है, इसलिए आपकी Webflow क्लासेज़ और लेआउट जैसे हैं वैसे ही रहते हैं।

अक्सर पूछे जाने वाले सवाल

क्या WAButton की स्टाइल मेरी Webflow CSS क्लासेज़ में दखल देंगी?

नहीं। WAButton अपनी स्टाइल को अपने ही wabutton-प्रीफ़िक्स वाले क्लास नामों तक सीमित रखता है, इसलिए वे आपकी Webflow क्लासेज़ को नहीं छूतीं।

संबंधित मुफ़्त टूल

अपने बिज़नेस के लिए WhatsApp लिंक, QR कोड और मैसेज बनाएं।

पर WhatsApp जोड़ें।

विज़िटर्स को अपने प्रोडक्ट, कीमत या उपलब्धता के बारे में पूछने का रास्ता दें। अपने मौजूदा WhatsApp से जवाब दें।

मुफ़्त प्लान उपलब्ध। क्रेडिट कार्ड की ज़रूरत नहीं।