क्लिक पाने वाले कॉल-टू-एक्शन बटन कैसे लिखें

ज़्यादातर अध्ययनों में सबसे खराब चलने वाला फ़ॉर्म सबमिट बटन हमेशा एक जैसा होता है। उसका अपना कोई रंग नहीं होता। वह पेज में घुल जाता है। उसका लेबल एक शब्द का होता है। और जो भी वेबसाइट कम कन्वर्ज़न चाहती है, वहां वह भरोसे से काम करता है।

उस बटन पर लिखा होता है "Submit।"

आपके बटन तक पहुंचने वाला हर विज़िटर उसे दबाने के लिए तैयार नहीं होता। कुछ अभी तय कर रहे होते हैं। कुछ घबराए होते हैं। कुछ इस भरोसे को ढूंढ रहे होते हैं कि यह फ़ॉर्म भरना उनके समय के लायक है। बटन अक्सर आखिरी छाप होता है जो तय करता है कि वे आगे बढ़ेंगे या नहीं। एक शब्द का आम लेबल उन्हें यह भरोसा खुद बनाने के लिए छोड़ देता है। सोच-समझकर बनाया गया बटन, जिसकी कॉपी खास हो, शक दूर कर देता है।

इस अध्याय में बताया गया है कि बटन की कॉपी, रंग और जगह फ़ॉर्म सबमिशन रेट में असल में क्या बदलते हैं, आपके फ़ॉर्म का संदर्भ यह कैसे तय करता है कि कौन सा बटन टेक्स्ट चलेगा, और उन डिज़ाइन और कॉपी पैटर्न से कैसे बचें जो बिना पता चले कन्वर्ज़न खत्म कर देते हैं।

बटन का कौन सा टेक्स्ट कन्वर्ज़न पर असर डालता है

कॉल-टू-एक्शन बटन पर रिसर्च में एक जैसे पैटर्न दिखते हैं। "Submit" और "Send" जैसे आम बटन, काम बताने वाली कॉपी से 30 से 40 प्रतिशत पीछे रहते हैं। "मेरा मुफ़्त प्रस्ताव पाएं" लिखा बटन "Submit" वाले बटन से ज़्यादा कन्वर्ट करता है। "मेरा रजिस्ट्रेशन कन्फ़र्म करें" भी "Submit" से बेहतर चलता है। लेकिन बात कॉपी में चतुराई दिखाने की नहीं है। बात नतीजे को साफ़ बताने की है।

जब कोई विज़िटर "Submit" लिखे बटन पर माउस रखता है, तो वह एक अनकहे सवाल का जवाब ढूंढ रहा होता है। मैं क्या सबमिट कर रहा हूं? यह कहां जाएगा? आगे क्या होगा? उसके पास जवाब नहीं होता। वह अंदाज़ा लगाता है। आम बटन टेक्स्ट झंझट पैदा करता है, क्योंकि विज़िटर को खुद समझना पड़ता है कि आगे क्या होगा।

खास और काम बताने वाला बटन टेक्स्ट इस सवाल का जवाब तुरंत दे देता है। "मेरा मुफ़्त प्रस्ताव पाएं" विज़िटर को ठीक बताता है कि क्लिक करने पर क्या होगा। "मेरा रजिस्ट्रेशन कन्फ़र्म करें" अगला कदम समझाता है। "डेमो रिक्वेस्ट करें" साफ़ करता है कि वे बातचीत शुरू कर रहे हैं, किसी अनजानी चीज़ के लिए वादा नहीं कर रहे।

यह पैटर्न हर तरह के फ़ॉर्म और हर इंडस्ट्री में दिखता है। चेकआउट फ़ॉर्म के एक रिसर्च संस्थान के अध्ययन में "Complete Order" ने कन्वर्ज़न रेट में "Submit" को 25 प्रतिशत से हराया। कॉन्टैक्ट फ़ॉर्म के एक मार्केटिंग टेस्ट में "Send My Inquiry" ने "Submit" को 18 प्रतिशत से हराया। 50 ऑनलाइन स्टोर के कन्वर्ज़न-रेट टेस्टिंग विश्लेषण में, जिन बटन में फ़ायदा या अगला कदम लिखा था, वे एक शब्द वाली क्रिया से औसतन 23 प्रतिशत आगे रहे।

यह सुधार छोटा नहीं है। यह 2 प्रतिशत वाला ऑप्टिमाइज़ेशन नहीं है। यह आपका फ़ॉर्म सबमिशन रेट 15 प्रतिशत से 19 प्रतिशत करना है। या महीने के 300 सबमिशन से 370। बटन की कॉपी फ़ॉर्म में किए जा सकने वाले सबसे असरदार बदलावों में से एक है।

फ़ॉर्म के प्रकार के हिसाब से बटन की कॉपी

एक ही CTA टेक्स्ट हर फ़ॉर्म पर नहीं चलता। कोई फ़ॉर्म क्यों भर रहा है, यह संदर्भ तय करता है कि वह किस बटन कॉपी पर प्रतिक्रिया देगा।

साइनअप और रजिस्ट्रेशन फ़ॉर्म

जब कोई अकाउंट बना रहा होता है, तो वह किसी चीज़ के लिए प्रतिबद्ध हो रहा होता है। फ़ैसला आमतौर पर हो चुका होता है। अब वह "क्या मुझे करना चाहिए?" नहीं पूछ रहा। वह पूछ रहा है "क्या यह काम करेगा?" और "क्या यह सुरक्षित है?" रजिस्ट्रेशन के बटन की कॉपी को कदम की पुष्टि करनी चाहिए और भरोसा देना चाहिए।

असरदार पैटर्न: "मेरा अकाउंट बनाएं," "चलिए शुरू करें," "मेरा रजिस्ट्रेशन कन्फ़र्म करें।" आम "Submit" से बचें। ऐसे लेबल से बचें जो स्थायी या भारी लगें, जैसे "अकाउंट बनाने के लिए प्रतिबद्ध हों।" लहजा हल्का और आगे बढ़ने वाला रखें।

पासवर्ड वाले रजिस्ट्रेशन में बटन का टेक्स्ट इस झंझट को मान सकता है: "पासवर्ड बनाएं और आगे बढ़ें।" इससे विज़िटर को पता चलता है कि वह बिना वजह पासवर्ड नहीं बना रहा। यह किसी चीज़ की ओर एक कदम है। काम साफ़ है।

कॉन्टैक्ट और पूछताछ फ़ॉर्म

कॉन्टैक्ट फ़ॉर्म में बातचीत जैसा, इंसानी बटन टेक्स्ट बेहतर रहता है। विज़िटर आप तक पहुंच रहा है। वह कुछ मांग रहा है। बटन ऐसा लगना चाहिए जैसे आप उस रिक्वेस्ट को मान रहे हैं।

असरदार पैटर्न: "मेरी पूछताछ भेजें," "संपर्क करें," "मेरा संदेश भेजें," "ज़्यादा जानकारी मांगें।" इनसे फ़ॉर्म बातचीत जैसा लगता है, डेटा फेंकने जैसा नहीं।

रूखी या औपचारिक भाषा से बचें। "पूछताछ जमा करें" न लिखें। "मेरी पूछताछ भेजें" लिखें। फ़र्क बारीक है। एक लेन-देन जैसा लगता है। दूसरा किसी इंसान से बात करने जैसा।

बुकिंग और अपॉइंटमेंट फ़ॉर्म

जब तक कोई बुकिंग फ़ॉर्म भर रहा होता है, उसका इरादा पक्का हो चुका होता है। उसे अपॉइंटमेंट चाहिए। बटन की कॉपी सीधी होनी चाहिए और आगे क्या होगा, इस पर शक दूर करे।

असरदार पैटर्न: "मेरा अपॉइंटमेंट कन्फ़र्म करें," "मेरा सेशन बुक करें," "मेरी कॉल शेड्यूल करें," "मेरी जगह रिज़र्व करें।" ये मानते हैं कि व्यक्ति फ़ैसला कर चुका है। बटन आखिरी पुष्टि का कदम है।

जो भी उलझन पैदा करे, उससे बचें। "रिज़र्व करें" काम करता है। "साइन अप करें" से साफ़ नहीं होता कि क्या रिज़र्व हो रहा है। इस मोड़ पर साफ़ होने से फ़ॉर्म पूरे होने की दर बढ़ती है।

चेकआउट और पेमेंट फ़ॉर्म

ऑनलाइन स्टोर के चेकआउट में अस्पष्ट बटन टेक्स्ट से सबसे ज़्यादा नुकसान होता है। यहां हर शब्द सीधे रेवेन्यू पर असर डालता है। विज़िटर खरीदने को तैयार है। उसमें झिझक पैदा न करें।

असरदार पैटर्न: "मेरी खरीदारी पूरी करें," "अभी पेमेंट करें," "ऑर्डर पूरा करें," "अभी खरीदें।" कुछ रिटेलर फ़ायदे पर ज़ोर देने वाली कॉपी टेस्ट करते हैं, जैसे "मेरा [प्रोडक्ट का नाम] पाएं," ताकि इस पर ज़ोर रहे कि उन्हें क्या मिल रहा है, यह नहीं कि वे क्या दे रहे हैं।

कभी आम "Submit" न रखें। टेस्ट करें कि आपके ऑडियंस के लिए "मेरी खरीदारी पूरी करें" बेहतर है या "अभी खरीदें।" कुछ इंडस्ट्री और कीमतें अलग भाषा पर प्रतिक्रिया देती हैं। लेकिन दोनों आम लेबल से बेहतर हैं।

फ़ीडबैक और सर्वे फ़ॉर्म

सर्वे के बटन तेज़ और आसान लगने चाहिए। विज़िटर आप पर एहसान कर रहा है। बटन की कॉपी को यह मानना चाहिए और काम को बिना झंझट का बनाना चाहिए।

असरदार पैटर्न: "मेरा फ़ीडबैक भेजें," "मेरा जवाब जमा करें," "अपनी राय साझा करें।" ये तेज़ लगते हैं। ऐसी भाषा से बचें जिससे फ़ीडबैक देना औपचारिक आवेदन जैसा लगे। "मेरा फ़ीडबैक भेजें" "सर्वे जमा करें" से हल्का लगता है।

लीड क्वालिफ़िकेशन और B2B फ़ॉर्म

B2B फ़ॉर्म में अक्सर ज़्यादा जानकारी मांगी जाती है, क्योंकि वे लीड छांट रहे होते हैं। बटन का टेक्स्ट बिना अटपटा लगे यह बता सकता है कि आगे क्या होगा।

असरदार पैटर्न: "प्रस्ताव मांगें," "कंसल्टेशन शेड्यूल करें," "मेरा मुफ़्त ट्रायल शुरू करें," "कस्टम कोटेशन पाएं।" इनसे अगला कदम साफ़ हो जाता है। विज़िटर को यह चिंता नहीं रहती कि वह किसी धुंधली चीज़ के लिए हामी भर रहा है।

बटन का डिज़ाइन क्लिक रेट पर ज़्यादातर लोगों की सोच से ज़्यादा असर डालता है

बटन का टेक्स्ट कहानी का सिर्फ़ एक हिस्सा है। बटन कैसा दिखता है और पेज पर कहां है, यह तय करता है कि कोई उसे क्लिक करने लायक मानता भी है या नहीं।

रंग का कंट्रास्ट और साफ़ दिखना

पेज के बैकग्राउंड में घुलने वाले बटन को, ऊंचे कंट्रास्ट वाले बटन से कम क्लिक मिलते हैं। यह भड़कीले डिज़ाइन की बात नहीं है। यह आसानी से मिल जाने की बात है। अगर बटन फ़ॉर्म से अलग नहीं दिखता, तो विज़िटर उसे पूरी तरह चूक सकता है।

असरदार बटन का रंग बैकग्राउंड के मुकाबले कम से कम 4.5 से 1 के कंट्रास्ट पर होता है। व्यावहारिक रूप से इसका मतलब है कि बटन का रंग पेज के बैकग्राउंड से और फ़ॉर्म के बाकी हिस्सों से साफ़ अलग दिखना चाहिए।

टेस्ट करें कि आपके ब्रांड के लिए क्या चलता है। कुछ ब्रांड अपना ब्रांड रंग इस्तेमाल करते हैं जो अपने आप उभरता है। कुछ ग्रे या सफ़ेद जैसे ठंडे बैकग्राउंड पर नारंगी या लाल जैसे गर्म रंग रखते हैं। खास रंग से ज़्यादा कंट्रास्ट मायने रखता है। बटन को आसानी से दिखने वाला बनाएं।

साइज़ और खाली जगह

बहुत छोटे बटन क्लिक करने लायक नहीं लगते। बहुत बड़े बटन ज़बरदस्ती जैसे लगते हैं। सही साइज़ फ़ॉर्म और पेज के अनुपात में होता है। फ़ॉर्म की आधी चौड़ाई घेरने वाला बटन आक्रामक लगता है। पूरी चौड़ाई वाले कॉन्टैक्ट फ़ॉर्म पर 150 पिक्सेल चौड़ा बटन ठीक लगता है।

बटन के आसपास खाली जगह क्लिक रेट बढ़ाती है। बाकी फ़ॉर्म एलिमेंट से घिरा बटन घुल जाता है। जिस बटन के चारों ओर साफ़ जगह हो, वह उभरता है और क्लिक करने लायक लगता है। बटन के ऊपर और नीचे पैडिंग रखें। उसे सांस लेने दें।

बटन का आकार और स्टाइल

गोल कोने ज़्यादा आधुनिक और दोस्ताना लगते हैं। नुकीले कोने ज़्यादा कॉर्पोरेट या तकनीकी लगते हैं। कोई भी हर जगह बेहतर नहीं है। टेस्ट करें कि कौन सा स्टाइल आपके ब्रांड और ऑडियंस से मेल खाता है।

ज़्यादातर फ़ॉर्म में साफ़ बैकग्राउंड वाले ठोस बटन, आउटलाइन या घोस्ट बटन से बेहतर चलते हैं। फ़ॉर्म की स्टाइलिंग से मेल खाने वाला आउटलाइन बटन घुल जाता है। ठोस, कंट्रास्ट वाला बटन उभरता है।

शैडो और होवर इफ़ेक्ट यह एहसास बढ़ाते हैं कि कुछ क्लिक किया जा सकता है। जो बटन रंग बदलता है या जिसकी होवर स्थिति दिखती है, वह विज़िटर को दिखाता है कि वह छूने पर जवाब देता है।

मोबाइल पर बटन का साइज़

मोबाइल यूज़र अंगूठे से टैप करते हैं। बहुत छोटे बटन पर टैप चूक जाते हैं। iOS के दिशानिर्देश कम से कम 44 गुणा 44 पिक्सेल का टच टारगेट सुझाते हैं। Android के दिशानिर्देश 48 गुणा 48 पिक्सेल सुझाते हैं। मोबाइल पर फ़ॉर्म में बटन इतने बड़े होने चाहिए कि अंगूठे के आकार का निशाना भरोसे से लगे।

मोबाइल पर बटन अक्सर ऊपर-नीचे लगते हैं। पूरी चौड़ाई वाला बटन, सिर्फ़ आधा दिखने वाले बटन से ज़्यादा क्लिक करने लायक लगता है। जो स्टिकी बटन फ़ॉर्म में स्क्रोल करते समय भी दिखता रहे, वह मोबाइल पर फ़ॉर्म पूरे होने की दर बढ़ाता है।

जगह तय करती है कि बटन कौन देखता है

सबसे अच्छा बटन टेक्स्ट और डिज़ाइन भी काम नहीं आएगा, अगर लोग उसे देखे बिना स्क्रोल करके आगे निकल जाएं। बटन पेज पर कहां है, इसका असर उसके दिखने पर पड़ता है।

फ़ोल्ड के ऊपर बटन

आदर्श रूप से, मुख्य बटन डेस्कटॉप पर बिना स्क्रोल किए दिखना चाहिए। अगर आपका फ़ॉर्म ज़्यादातर स्क्रीन घेरता है, तो बटन तक स्क्रोल करना पड़ सकता है। यह टाला नहीं जा सकता। लेकिन अगर फ़ोल्ड के ऊपर जगह है, तो बटन वहां रखें ताकि विज़िटर को उसे ढूंढना न पड़े।

मोबाइल पर स्टिकी बटन

मोबाइल फ़ॉर्म में अक्सर स्क्रोल करना पड़ता है। स्क्रीन के नीचे दिखता रहने वाला स्टिकी बटन फ़ॉर्म पूरे होने की दर बढ़ाता है। फ़ील्ड भरते समय विज़िटर की नज़र से बटन कभी ओझल नहीं होता। वे नीचे तक स्क्रोल किए बिना कभी भी फ़ॉर्म पूरा कर सकते हैं।

मुख्य और दूसरे बटन

कुछ फ़ॉर्म में कई बटन होते हैं। "Submit," "ड्राफ़्ट के रूप में सेव करें," "अगला कदम।" जब कई बटन हों, तो मुख्य काम को देखने में सबसे ऊपर रखें। मज़बूत मुख्य बटन दूसरे विकल्पों से साफ़ तौर पर ज़्यादा क्लिक करने लायक होना चाहिए। क्रम दिखाने के लिए रंग, साइज़ या जगह का इस्तेमाल करें।

आम गलती है मुख्य और दूसरे बटन को एक जैसा बना देना। अगर "Cancel" और "Submit" का साइज़ और रंग एक ही है, तो कुछ विज़िटर गलत बटन दबा देते हैं। डिज़ाइनर इसे टेस्ट करते हैं और पाते हैं कि मुख्य बटन को दूसरे बटन से 30 से 40 प्रतिशत बड़ा रखने पर गलती से हुए कैंसल घटते हैं।

बटन के नीचे की कॉपी फ़ॉर्म पूरे होने की दर बढ़ाती है

बटन खुद बस आखिरी इंटरैक्शन है। बटन के नीचे या पास की कॉपी आखिरी पल का भरोसा देती है, जो झिझकते विज़िटर को क्लिक करने की ओर धकेलती है।

भरोसा देने वाली कॉपी आखिरी आपत्ति का जवाब देती है। अगर आपका फ़ॉर्म ईमेल पता मांगता है, तो बटन के नीचे "हम आपकी जानकारी कभी शेयर नहीं करेंगे" जैसी एक लाइन सबमिट न करने की आखिरी वजह हटा देती है। अगर फ़ॉर्म में फ़ोन नंबर चाहिए, तो "स्पैम कॉल नहीं, हम एक कामकाजी दिन में संपर्क करेंगे" भरोसा बनाता है।

यह भरोसा देने वाली कॉपी छोटी और दूसरे दर्जे की होनी चाहिए। अब आप बेच नहीं रहे। आप आखिरी शक का जवाब दे रहे हैं। उदाहरण: "हम 24 घंटे में आपसे संपर्क करेंगे," "आपका डेटा हमेशा सुरक्षित है," "मुफ़्त ट्रायल शुरू करने के लिए क्रेडिट कार्ड की ज़रूरत नहीं," "आपकी प्राइवेसी हमारी प्राथमिकता है।"

टेस्ट बताते हैं कि बटन के नीचे भरोसा देने वाली कॉपी ज़्यादा झंझट वाले फ़ॉर्म पर फ़ॉर्म पूरे होने की दर 3 से 5 प्रतिशत बढ़ाती है। न्यूज़लेटर जैसे कम झंझट वाले फ़ॉर्म पर असर छोटा होता है। ज़्यादा जानकारी मांगने वाले B2B फ़ॉर्म पर भरोसा देने वाली कॉपी पूरे होने की दर 10 प्रतिशत या उससे ज़्यादा बढ़ा सकती है।

एरर की स्थिति और लोडिंग फ़ीडबैक

बटन क्लिक करने के बाद जो होता है, वह तय करता है कि विज़िटर को अपने सबमिशन पर भरोसा रहता है या नहीं।

सबमिट होते समय बटन बंद रखना

जैसे ही कोई बटन क्लिक करे, उसे तुरंत बंद कर दें। बंद बटन दोबारा सबमिशन रोकता है। इससे भी ज़रूरी, यह विज़िटर को दिखाता है कि उसका क्लिक दर्ज हो गया। बटन में लोडिंग की स्थिति दिखनी चाहिए: "सबमिट हो रहा है..." या स्पिनर या चलता हुआ टेक्स्ट।

लोडिंग की स्थिति के बिना विज़िटर को पता नहीं चलता कि उसका क्लिक काम किया या नहीं। वह दोबारा क्लिक कर सकता है। वह ब्राउज़र बंद कर सकता है। क्लिक और किसी भी फ़ीडबैक के बीच एक सेकंड की देरी यूज़र को लंबी लगती है। तुरंत दिखाएं कि कुछ हो रहा है।

एरर से उबरने की कॉपी

जब फ़ॉर्म सबमिशन फ़ेल हो, तो बटन और उसके आसपास की कॉपी को समझाना चाहिए कि क्या गलत हुआ और आगे क्या करना है। सिर्फ़ फ़ॉर्म के ऊपर एरर संदेश न दिखाएं। बटन को ही अपडेट करें।

एरर होने पर "दोबारा कोशिश करें" लिखा बटन, "Submit" से ज़्यादा काम का है। बटन के पास की कॉपी को ठीक बताना चाहिए कि क्या फ़ेल हुआ: "यह ईमेल पहले से रजिस्टर्ड है" या "कृपया सभी ज़रूरी फ़ील्ड भरें।"

एरर से उबरना साफ़ रखें। कुछ फ़ॉर्म गड़बड़ वाले फ़ील्ड को हाईलाइट करते हैं। कुछ फ़ील्ड के पास ही एरर संदेश दिखाते हैं। कुछ दोनों करते हैं। एरर जितना साफ़ होगा, विज़िटर उसे उतनी जल्दी ठीक करेगा।

WEMASY फ़ॉर्म और सबमिट बटन ऑप्टिमाइज़ेशन

WEMASY में फ़ॉर्म टूल है, जिससे आप अपने फ़ॉर्म खुद बना सकते हैं। ऊपर बताई बातें, जैसे बटन का टेक्स्ट और जगह, अपने फ़ॉर्म की रणनीति के हिसाब से तय करें।

कौन सा फ़ील्ड फ़ॉर्म छुड़वाता है, यह जानना काम आता है। अगर बटन पर ही एबंडनमेंट ज़्यादा है, तो यह संकेत है कि बटन की कॉपी या डिज़ाइन को टेस्ट करना चाहिए। अगर विज़िटर बटन तक पहुंचते हैं लेकिन क्लिक नहीं करते, तो अलग-अलग कॉपी और डिज़ाइन टेस्ट करें।

WEMASY का फ़ॉर्म बिल्डर देखें। फ़ॉर्म की कॉपी के बारे में और जानने के लिए काम करने वाले फ़ॉर्म लेबल और हेल्प टेक्स्ट लिखना और फ़ॉर्म एबंडनमेंट के कारण और उसे कैसे रोकें पढ़ें।

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