Webflow માં WhatsApp બટન કેવી રીતે ઉમેરવું (મફત — કોઈ એપ્લિકેશન જરૂરી નથી)
તમે Webflow પર કામ કરો છો કારણ કે તમે નિયંત્રણ ઇચ્છો છો — સાફ ઇન્ટરએકશન્સ, ચોક્કસ ડિઝાઇન, કંઈપણ એવું નહીં જે તેનું સ્થાન ન મેળવે. એક WhatsApp બટન આ દાર્શનિકતા હેઠળ હોવું જોઈએ: ભારે એકીકરણ નહીં, કોઈ તૃતીય પક્ષ એપ્લિકેશન તમારા ગ્રાહકોને મેનેજ કરતી નથી, માત્ર તમારી સાઇટ પરથી તમારા નંબર સાથે સાચા WhatsApp ચેટ સુધી એક ટૅપ.
અહીં દર્શાવવામાં આવ્યું છે કે બે મિનિટમાં કોઈપણ Webflow સાઇટ પર ફ્લોટિંગ WhatsApp બટન કેવી રીતે ઉમેરવું — કોઈ Webflow એપ્લિકેશન વગર, કોઈ એકાઉન્ટ વગર, કોઈ માસિક ફી વગર.
ઝડપી રીત: અમારા મફત Webflow માટે WhatsApp બટન જનરેટરખોલો, તમારો નંબર દાખલ કરો,一个 શૈલિ પસંદ કરો, કોડ કોપી કરો અને તેને સાઈટ સેટિંગ્સ → કસ્ટમ કોડ → ફૂટર કોડમાં પेस्ट કરો. પૂરું સેટઅપ એ આ જ છે.
તમારા Webflow સાઇટ પર WhatsApp બટન કેમ મુકવું
- ચેટ તે જગ્યાએ કન્વર્ટ કરે છે જ્યાં ફોર્મ હچકિચાવે છે. મધ્ય-નિર્ણય મુલાકાતી — ભાવ, ઉપલબ્ધતા, કસ્ટમ વિનંતી — WhatsApp માં ઝડપથી જવાબ આપે છે તુલનામાં ફોર્મ જે વિશે તેમને વિચારવાનું પડે છે.
- વોટ્સઍપ એ જ સ્થળ છે જ્યાં તમારા ગ્રાહકો છે. આ કરોડોમાં લોકો માટે ફોન પર સૌથી વધુ ઉપયોગમાં લેવાતું એપ્લિકેશન છે; બટન તેમને ત્યાં મળતું છે.
- જવાબો તમારા ફોન પર આવે છે. બટન તમારા નંબર અને પૂર્વ-ભરી સંદેશ સાથે WhatsApp ખોલે છે — ક્યારેય સ્થાન પરિવર્તન પર પણ, સેકન્ડોમાં જવાબ આપો.
- આ તમારા સ્ટેક સાથે સારી રીતે કામ કરે છે. ચેટ્સ સીધા તમારી પાસે આવે છે પ્રથમ; પછી એ જ નંબર The Tech Pad સાથે કનેક્ટ કરો એઆઈ જવાબો અને એક સંયુક્ત ટીમ ઇનબોક્સ માટે.
ફ્રી જનરેટર સાથે તમને શું મળે છે
The Webflow WhatsApp બટન જનરેટર તમને એક સાચો ફરતો બટન આપે છે:
- 8 વોટ્સએપ-માત્ર શૈલીઓ — અધિકૃત WhatsApp લોગો અને બ્રાન્ડ કલર શેલ્સ (લીલું, ઢગળીું લીલું, સફેદ, નિલીલીના ટોન) માં બબલ માર્ક્સ
- તમારો નંબર + પૂર્વ ભરેલો સંદેશ — પ્રથમ સંદેશો સેટ કરો જે મુલાકાતીઓને દેખાય
- આકાર, કદ અને સ્થાન — ગોળ કે ચોરસ, ડાબે કે જમણે, કોઈપણ કદ
- લાઇવ પૂર્વદર્શન — કંઈ αντιચી કરી ને પહેલા સાચો બટન જુઓ
- કોઈ એકાઉન્ટ નહીં, API કી નહીં, કોઈ ખર્ચ નહીં — સદાકાળ માટે મફત
| ક્ષમતામાં વધારો | મફત બટન | હાંકો ટેક પેડ અપગ્રેડ |
|---|---|---|
| મુલાકાતીઓ તમારા નંબર સાથે WhatsApp ચેટ શરૂ કરે છે | ✅ | ✅ |
| વોટ્સએપ-માત્ર શૈલીઓ + લાઈવ પૂર્વ દર્શન | ✅ | ✅ |
| ગ્રાહકની ભાષામાં AI 24/7 જવાબ આપે છે | — | ✅ |
| વોટ્સએપ + વેબસાઇટ ચેટ માટે એક ટીમ ઇનબોક્સ | — | ✅ |
| ઓફિશિયલ વોટ્સએપ બિઝનેસ (મેટા) API | — | ✅ |
| કિંમત | સદાય માટે મફત | શરૂઆત માટે મફત |
Webflow માં બટન ઉમેરો 3 સ્ટેપમાં
- તમારું કોડ જનરેટ કરો. ઠીક કરો મફત જનરેટર ખોલો, દેશ કોડ સાથે તમારો વોટ્સએપ નંબર દાખલ કરો (ફક્ત અંક, ઉદાહરણ તરીકે
919876543210), શૈલી પસંદ કરો અને ક્લિક કરો કોડ કૉપિ કરો. - કસ્ટમ કોડ ખોલો. વેબફ્લો ડિઝાઇનરમાં દબાવો 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>તે ક્યારે જીવંત રહેશે? કસ્ટમ કોડ તે સમયે લાગુ થાય છે જ્યારે તમે તમારી સાઇટને Webflow સાઇટ પ્લાન પર પ્રકાશિત કરો છો (એન્ટ્રી પેઇડ ટિયર સહિત). મુક્ત સ્ટેજિંગ ડોમેન પર તે પૂર્વદર્શન માટે રેન્ડર થાય છે — પ્રકાશિત કરો, અને നിങ്ങളുടെ મુલાકાતીઓ બટન જોવા મળશે.
Webflow એપની જગ્યાએ કોડ કેમ?
વેબફ્લો એપ્સ અને ઇન્ટિગ્રેશન્સ ખરેખર શક્તિ વધારે છે, પરંતુ એક જ ફ્લોટિંગ વોટ્સએપ બટનને તેની જરૂર નથી: કોઈ માર્કેટપ્લેસ ઇન્સ્ટોલ નથી, કોઈ પરમીશન પ્રોમ્પ્ટ નથી, કોઈ સબ્સક્રિપ્શન નથી. કોડ રુટ તેને હળવું રાખે છે:
- કંઇ ઈન્સ્ટોલ અથવા મંજૂરી આપવા જેવું નથી — ફક્ત કસ્ટમ કોડ અને એક પબ્લિશ ક્લિક
- તમારો નંબર, તમારા નિયમો — ચેટ્સ તમે પસંદ કરેલ વોટ્સએપ નંબર પર જાય છે, તૃતીય પક્ષની ઈનબોક્સ પર નહિ
- સાથે જ કોડ અન્ય જગ્યાએ પણ કામ કરે છે — ચલાવવું શોપિફાઇ, સ્ક્વેરસ્પેસ, બ્લૉગર, HubSpot અથવા વિક્સ સાઈટ પણ? દરેક પાસે તેની પોતાની જનરેટર પേജ് હોય છે પેસ્ટ કરવાના પગલાં સાથે.
બટન તમને માટે જવાબ આપવું જોઈએ?
એક બટન પહેલું પગલું છે — બીજું એ હજી પણ તરત જવાબ આપવું જ્યારે તમે વ્યસ્ત કે સૂઇ રહ્યા હોવ ત્યારે. The Tech Pad તે જ WhatsApp નંબરને 24/7 AI સહાયકમાં ફેરવે છે:
- AI તરત જવાબ આપે છે તમારા સાઇટ અને પ્રોડક્ટ પૃષ્ઠોથી — તમારા ગ્રાહકની ભાષામાં
- એક શેર કરવામાં આવેલ ટીમ ઇનબોક્સ WhatsApp ચેટ્સ, વેબસાઇટ ચેટ અને સૂચનાઓ માટે
- સરકારી WhatsApp બિઝનેસ API તમારા પોતાના મેટા-સ્વીકૃત નંબર પર
- શરૂઆત માટે મફત, કોઈ ક્રેડિટ કાર્ડ આવશ્યક નથી — જોડાવા માટે thetechpad.com
આજે બે મિનિટએ તમને વેબફ્લો પર લાઈવ વોટ્સએપ બટન મળે છે. બાદમાં દ ટેક પેડ ઉમેરવાથી તે તમારા માટે જવાબ આપે છે.