Webflow-ൽ WhatsApp ബട്ടൺ എങ്ങനെ ചേർക്കാം (സൗജന്യം — ആപ്പ് ആവശ്യമാണ് ഇല്ല)
നിങ്ങൾ വെബ്‌ഫ്ലോയിൽ നിർമ്മിക്കുന്നത് നിങ്ങൾക്ക് നിയന്ത്രണം വേണമെന്ന് കാരണം — നീക്കംചെയ്യുന്ന സംവേദനങ്ങൾ, കൃത്യമായ ഡിസൈൻ, അവിടെ സ്ഥാനമുണ്ടാക്കാത്ത ഒന്നും ചേർക്കരുത്. ഒരു വാട്ട്സ്ആപ്പ് ബട്ടൺ ആ ദർശനത്തോടൊപ്പം मेलപ്പെടുത്തണം: ഭാരമുള്ള ഇന്റഗ്രേഷൻ വേണ്ട, നിങ്ങളുടെ ഉപഭോക്താക്കളെ കൈകാര്യം ചെയ്യുന്ന മൂന്നാംപക്ഷ ആപ്പ് വേണ്ട, നിങ്ങളുടെ സൈറ്റിൽ നിന്നും നിങ്ങളുടെ നമ്പറുമായി യഥാർത്ഥ വാട്ട്സ്ആപ്പ് ചാറ്റിലേക്ക് വെറും ഒരു ട്യാപ് മാത്രം.
ഏണ് വെബ്‌ഫ്ലോ സൈറ്റിലേക്ക് ഏതെങ്കിലും സ്ഥാനത്തു ഫ്ലോട്ടിംഗ് വാട്സ്ആപ്പ് ബട്ടൺ എങ്ങനെ ചേർക്കാമെന്ന് വേണ്ടി രണ്ട് മിനിറ്റ് കൊണ്ട് — വെബ്‌ഫ്ലോ ആപ്പ് വേണ്ട, അക്കൗണ്ട് വേണ്ട, മാസവരെ ഫീസ് വേണ്ട.
വേഗമായ മാര്‍ഗം: നമ്മുടെ സൗജന്യം തുറക്കുക വെബ്‌ഫ്ലോയ്ക്കുള്ള വാട്സ്ആപ്പ് ബട്ടൺ ജനറേറ്റർ, നിങ്ങളുടെ നമ്പർ നൽകുക, ഒരു ശൈലി തിരഞ്ഞെടുക്കുക, കോഡ് പകർത്തി ചേർക്കുക സൈറ്റ് ക്രമീകരണങ്ങൾ → Custom code → Footer code. അത് മുഴുവൻ ക്രമീകരണമാണു.
നിങ്ങളുടെ വെബ്‌ഫ്ലോ സൈറ്റിൽ വാട്സ്ആപ്പ് ബട്ടൺ ഏത് കാരണത്താൽ ഇടണം
- ഫോറങ്ങൾ സംശയിക്കുന്നിടത്ത് ചാറ്റ് കേമാവിഷ്കാരമാണ്. ഒരു സന്ദർശകൻ തീരുമാനത്തിലേക്ക് മദ്ധ്യത്തിൽ — വില, ലഭ്യത, ഒരു കസ്റ്റം അഭ്യർത്ഥന — അവർക്ക് ഫോറം ചിന്തിക്കേണ്ടതുണ്ടായിടത്തേക്കാൾ വാട്‌സ്ആപ്പിൽ വേഗത്തിൽ മറുപടി ലഭിക്കും.
- നിങ്ങളുടെ ഉപഭോക്താക്കൾ ഏത് സ്ഥലത്താണെന്നുവെച്ചാൽ അത് WhatsApp ആണ്. കോടികളുടെ ആളുകൾക്ക് ഇത് ഫോണിലെ ഏറ്റവും ഉപയോഗിക്കുന്ന ആപ്പ് ആണ്; ബട്ടൺ അവരെ അവിടെ എത്തിക്കുന്നു.
- പ്രതികരണങ്ങൾ നിങ്ങളുടെ ഫോൺയിൽ land ചെയ്യും. ബട്ടൺ നിങ്ങളുടെ നമ്പർ ഉപയോഗിച്ച് ഒരു പ്രീ-ഫില്ലഡ് മെസേജോടെ WhatsApp തുറക്കുന്നു — എവിടെ നിന്നുമോ, സഞ്ചാരത്തിലിരിക്കുമ്പോഴും സെക്കന്റുകളിൽ മറുപടി നൽകാം.
- ഇത് നിങ്ങളുടെ സ്റ്റാക്കിനോട് സുഖമായി പ്രവർത്തിക്കുന്നു. ചാറ്റുകൾ നേരിട്ട് ആദ്യം നിങ്ങയിലേക്ക് എത്തുന്നു; പിന്നീട് അതേ നമ്പർ The Tech Pad-യിൽ കണക്ട് ചെയ്ത് AI മറുപടികളും പങ്കിട്ട ടീം ഇന്ബോക്സും ലഭിക്കും.
സഹായക ജനറേറ്ററില്‍ നിങ്ങൾക്ക് ലഭിക്കുന്നത്
ആ Webflow WhatsApp ബട്ടൺ ജെനറേറ്റർ നിങ്ങൾക്ക് യഥാർത്ഥ ഫ്ലോട്ടിംഗ് ബട്ടൺ നൽകുന്നു:
- 8 വാട്സ്ആപ്പ് മാത്രം സ്റ്റൈലുകൾ — ഔദ്യോഗിക WhatsApp ലോഗോയും ബ്രാൻഡ് നിറത്തിലുള്ള ബബിള്‍ മാർക്കുകളും (പച്ച, കറുത്ത പച്ച, വെളുപ്പ്, തീൽ)
- നിങ്ങളുടെ നമ്പർ + മുൻകൂട്ടി പൂരിപ്പിച്ച സന്ദേശം — സന്ദർശകർ ആദ്യമായി കാണുന്ന സന്ദേശം സജ്ജമാക്കുക
- ആകാരം, വലിപ്പം, സ്ഥാനം — വൃത്താകാരമോ കേ്യൂബോ, ഇടത്തോ വലത്തോ, ഏതൊരു വലിപ്പവും
- ലൈവ് പ്രിവ്യൂ — എന്തും കോപ്പി ചെയ്യുന്നതിന് മുൻപാൽ ശരിയായ ബട്ടൺ കാണുക
- അക്കൗണ്ട് ഇല്ല, API കീ ഇല്ല, ചെലവ് ഇല്ല — എപ്പോഴും സൗജന്യം
| ശേഷി | സൗജന്യ ബട്ടൺ | The Tech Pad അപ്‌ഗ്രേഡ് |
|---|---|---|
| സന്ദർശകർ നിങ്ങളുടെ നമ്പർ ഉപയോഗിച്ച് വാട്ട്സ്ആപ്പ് ചാറ്റ് ആരംഭിക്കുന്നു | ✅ | ✅ |
| വാട്സ്ആപ്പ്-മാത്രം സ്റ്റൈലുകളും ലൈവ് മുൻദൃശ്യവും | ✅ | ✅ |
| AI 24/7 ഉപഭോക്താവിന്റെ ഭാഷയിൽ മറുപടി പറയുന്നു | — | ✅ |
| വാട്സ്ആപ്പ് + വെബ്സൈറ്റ് ചാറ്റ് සඳහා ഒരേ ടീം ഇൻബോക്സ് | — | ✅ |
| അധികൃത വാട്സ്ആപ്പ് ബിസിനസ് (മെറ്റാ) API | — | ✅ |
| വില | സദാ സൗജന്യം | തുടക്കാനുള്ള സൗകര്യം |
Webflow-യിൽ ബട്ടൺ 3 ഘട്ടങ്ങളിൽ ചേർക്കുക
- നിങ്ങളുടെ കോഡ് ജനറേറ്റ് ചെയ്യുക. തുറക്കുക സൗജന്യ ജനറേറ്റർ, പ്രതീക്ഷിച്ച പോലെ രാജ്യ കോഡോടെ (സംഖ്യകൾ മാത്രം, ഉദാ.
919876543210) നിങ്ങളുടെ വാട്സ്ആപ്പ് നമ്പർ enteർ ചെയ്യുക, ഒരു സ്റ്റൈൽ തിരഞ്ഞെടുക്കുക, തുടർന്ന് ക്ലിക്ക് ചെയ്യുക കോഡ് കോപ്പി ചെയ്യുക. - കസ്റ്റം കോഡ് തുറക്കുക. വെബ്‌ഫ്ലോ ഡിസൈനറിലെപ്പ് അമർത്തുക W (അഥവാ ക്ലിക്ക് ചെയ്യുക W ലോഗോ മുകളില്‍-എടത്ത്) തുറക്കുക കസ്റ്റം കോഡ്.
- ഫൂട്ടർ കോഡിൽ പേസ്റ്റ് ചെയ്യുകയും പ്രസിദ്ധീകരിക്കുകയും ചെയ്യുക. കോഡ് ഫൂട്ടർ കോഡ് ബോക്സ് — ഇത് ഓരോ പേജിലും ലോഡ് ചെയ്യുന്നു, ബോഡി ടാഗ് അവസാനിക്കുന്നതിന് മുന്‍പ് — ക്ലിക്ക് ചെയ്യുക മാറ്റങ്ങൾ സേവ് ചെയ്യുക, പിന്നെ പ്രസിദ്ധീകരിക്കുക.
കോഡ് ഒരു ചെറിയ സ്ക്രിപ്റ്റ് ടാഗ് മാത്രമാണ്, അത് അസിങ്ക്രണസ് ആയി ലോഡ് ചെയ്യുന്നതുകൊണ്ട് നിങ്ങളുടെ സൈറ്റ് മന്ദഗതിയിലേക്ക് പോകില്ല:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>അത് ലൈവായി എപ്പോഴാണ്? കസ്റ്റം കോഡ് നിങ്ങളുടെ സൈറ്റ് വെബ്‌ഫ്ലോ സൈറ്റ് പ്ലാനില് പ്രസിദ്ധീകരിക്കുമ്പോഴാണ് (പേയ്ഡ് എൻട്രി ടിയർ ഉൾപ്പെടെ) പ്രയോഗിക്കുന്നത്. സൗജന്യ സ്റ്റേജിംഗ് ഡൊമെയ്‌നിൽ ഇത് പ്രിവ്യൂ ഉദ്ദേശ്യങ്ങൾക്ക് വേണ്ടി പ്രത്യക്ഷപ്പെടുന്നു — പ്രസിദ്ധീകരിക്കുക, നിങ്ങളുടെ സന്ദർശകർ ബട്ടൺ കാണും.
എന്താൽ കോഡ് വെബ്‌ഫ്ലോ ആപ്പിന് പകരം?
വെബ്‌ഫ്ലോ ആപ്പുകളും ഇൻടഗ്രേഷനുകളും യഥാർത്ഥ ശക്തി നൽകുന്നു, പക്ഷേ ഒരു സിംഗിൾ ഫ്ലോട്ടിംഗ് വാട്സാപ്പ് ബട്ടണിന് ഇതൊന്നും ആവശ്യമില്ല: മാർക്കറ്റ്‌പ്ലേസ് ഇൻസ്റ്റാൾ ആവശ്യമില്ല, അനുമതി പ്രോസങ്കൾ ആവശ്യമില്ല, സബ്സ്ക്രിപ്ഷൻ ആവശ്യമില്ല. കോഡ് വഴിയാണ് ഇത് ലഘുലാക്കുന്നത്:
- ഇന്‍സ്റ്റാള്‍ ചെയ്യാന്‍ അല്ലെങ്കില്‍ അംഗീകാരം നല്‍കാന്‍ ഒന്നുമില്ല — വെറും കസ്റ്റം കോഡ് മാത്രവും പബ്ലിഷ് ക്ലിക്കും
- നിങ്ങളുടെ നമ്പർ, നിങ്ങളുടെ നിയമങ്ങൾ — ചാറ്റുകള്‍ ഒരു മൂന്നാംകക്ഷി ഇന്‍ബോക്സിനു പകരം നിങ്ങള്‍ തിരഞ്ഞെടുക്കുന്ന വാട്സ്ആപ്പ് നമ്പറിലേക്ക് പോകും
- അടുത്തുള്ള മറ്റു സ്ഥലങ്ങളിലും അതേ കോഡ് പ്രവർത്തിക്കുന്നു — ഒരു സൈറ്റ് ഓടിക്കുമ്പോഴും? ഷോപ്പിഫൈ, സ്ക്വയര്‍സ്പെയ്‌സ്, ബ്ലോഗര്‍, ഹബ്സ്പോട് അഥവാ വിക്സ് എല്ലാവർക്കും സ്വന്തം ജനറേറ്റർ പേജ് ഉണ്ടാകും, പേസ്റ്റ് സ്റ്റപ്പുകളോടെ.
ബട്ടൺ നിങ്ങളുടെ പേരിൽ ഉത്തരം പറയണമെന്ന് ആഗ്രഹിക്കുന്നുവോ?
ഒരു ബട്ടൺ ആദ്യ പടിയാണ് — അടുത്തത് ഉടൻ മറുപടി പറയാനുള്ളത്, നിങ്ങൾ തിരക്കിലായിരുന്നാലും അല്ലെങ്കിൽ ഉറക്കത്തിലുള്ളാലും. The Tech Pad അത് സമാനമായ WhatsApp നമ്പർ 24/7 AI അസിസ്റ്റന്റായി മാറുന്നു:
- AI തൽക്ഷണമായി ഉത്തരം നൽകുന്നു നിങ്ങളുടെ സൈറ്റ് மற்றும் ഉൽപ്പന്ന പേജുകളിൽ — നിങ്ങളുടെ ഉപഭോക്താവിന്റെ ഭാഷയിൽ
- ഒരു പങ്കുവെച്ച ടീം ഇൻബോക്സ് WhatsApp ചാറ്റുകൾക്കായി, വെബ്സൈറ്റ് ചാറ്റിനും നോട്ടിഫിക്കേഷനുകൾക്കുമുള്ള
- അധികാരപ്രാപ്തമായ WhatsApp ബിസിനസ്സ് API നിങ്ങളുടെ സ്വന്തം Meta-സത്യപൂരിത നമ്പറിൽ
- ആരംഭിക്കാൻ സൗജന്യം, ക്രെഡിറ്റ് കാർഡ് ആവശ്യമില്ല — ഇവിടെ കണക്ട് ചെയ്യുക thetechpad.com
ഇന്ന് രണ്ട് മിനിട്ട് എടുത്താൽ വെബ്‌ഫ്ലോയിൽ ലൈവ് വാട്സാപ്പ് ബട്ടൺ ലഭിക്കും. ശേഷം ദി ടെക്ക് പാഡ് ചേർക്കുന്നത് അത് നിങ്ങൾക്കായി മറുപടി പറയാൻ സഹായിക്കും.