કોડિંગ વિના વર્ડપ્રેસમાં સંપર્ક ફોર્મ કેવી રીતે બનાવવું

શું તમે તમારી WordPress વેબસાઇટમાં સંપર્ક ફોર્મ ઉમેરવા માંગો છો પણ કોડ કેવી રીતે કરવો તે જાણતા નથી? તમે યોગ્ય સ્થાને છો. આ સ્ટેપ-બાય-સ્ટેપ માર્ગદર્શિકામાં, તમે શીખી શકશો કે કેવી રીતે કોડની એક પણ લાઇન લખ્યા વિના વર્ડપ્રેસમાં વ્યાવસાયિક સંપર્ક ફોર્મ બનાવો—અને તેમાં ૫ મિનિટથી ઓછો સમય લાગે છે.

ભલે તમે બ્લોગર હોવ, નાના વ્યવસાયના માલિક હોવ, અથવા તમારી પહેલી વેબસાઇટ બનાવી રહ્યા હોવ, સંપર્ક ફોર્મ હોવું આવશ્યક છે. તે મુલાકાતીઓને તમારા સુધી સરળતાથી પહોંચવા દે છે, તમને લીડ્સ મેળવવામાં મદદ કરે છે અને ફક્ત તમારા ઇમેઇલ સરનામાંને પોસ્ટ કરવા કરતાં વધુ વ્યાવસાયિક લાગે છે.

દરેક વર્ડપ્રેસ વેબસાઇટને સંપર્ક ફોર્મની જરૂર કેમ છે

ટ્યુટોરીયલમાં ડૂબકી લગાવતા પહેલા, ચાલો સમજીએ કે સંપર્ક ફોર્મ શા માટે મહત્વપૂર્ણ છે:

• તમારા ઇમેઇલને સ્પામથી સુરક્ષિત કરે છે - તમારા ઇમેઇલ સરનામાંને જાહેરમાં પ્રકાશિત કરવાથી સ્પામ બોટ્સ તમારા ઇનબોક્સમાં છલકાઈ જાય છે.
• વ્યાવસાયિક લાગે છે - સારી રીતે ડિઝાઇન કરેલું ફોર્મ મુલાકાતીઓમાં વિશ્વાસ બનાવે છે
• માળખાગત માહિતી એકત્રિત કરે છે - તમને જોઈતી વિગતો (નામ, ઇમેઇલ, સંદેશ) સંગઠિત સ્વરૂપમાં મેળવો.
• પૂછપરછ ટ્રેક કરે છે - સબમિશન્સને ઇમેઇલમાં ખોવાઈ જવાને બદલે તમારા WordPress ડેશબોર્ડમાં સ્ટોર કરો
• મોબાઇલ-ફ્રેંડલી અનુભવ - ફોર્મ્સ ફોન અને ટેબ્લેટ પર સંપૂર્ણ રીતે કાર્ય કરે છે.

તમને શું જોઈએ

આ ટ્યુટોરીયલને અનુસરવા માટે, તમારે આની જરૂર પડશે:

• એક WordPress વેબસાઇટ (સ્વ-હોસ્ટેડ WordPress.org)
• પ્લગઇન્સ ઇન્સ્ટોલ કરવા માટે એડમિન ઍક્સેસ
• તમારા સમયના 5 મિનિટ

બસ! કોઈ કોડિંગ જ્ઞાન નથી, કોઈ ટેકનિકલ અનુભવ નથી, કોઈ પેઇડ ટૂલ્સની જરૂર નથી.

પગલું 1: ઓટો ફોર્મ બિલ્ડર (મફત પ્લગઇન) ઇન્સ્ટોલ કરો

અમે ઉપયોગ કરીશું ઓટો ફોર્મ બિલ્ડર (તરીકે પણ જાણીતી એએફબી)—એક મફત, હલકો WordPress પ્લગઇન વિઝ્યુઅલ ડ્રેગ-એન્ડ-ડ્રોપ ઇન્ટરફેસ સાથે. તે નવા નિશાળીયા માટે યોગ્ય છે કારણ કે તેમાં કોઈ શીખવાની કર્વ નથી.

તેને કેવી રીતે ઇન્સ્ટોલ કરવું તે અહીં છે:

1. તમારા WordPress એડમિન ડેશબોર્ડમાં લોગ ઇન કરો.
2. પર જાઓ પ્લગઇન્સ → નવું ઉમેરો
3. ની શોધ માં "એએફબી"(ઓટો ફોર્મ બિલ્ડર માટે ટૂંકું નામ)"
4. માટે જુઓ “AFB – ઓટો ફોર્મ બિલ્ડર – ડ્રેગ એન્ડ ડ્રોપ ફોર્મ ક્રિએટર"
5. ક્લિક કરો હવે સ્થાપિત, તો પછી સક્રિય

💡 ટીપ્સ: "AFB" શોધવું એ WordPress રિપોઝીટરીમાં પ્લગઇન શોધવાનો સૌથી ઝડપી રસ્તો છે.

એકવાર સક્રિય થયા પછી, તમને તમારા WordPress એડમિન મેનૂમાં "ઓટો ફોર્મ બિલ્ડર" દેખાશે. બસ, તમે તમારું પહેલું ફોર્મ બનાવવા માટે તૈયાર છો!

પગલું 2: એક નવું સંપર્ક ફોર્મ બનાવો

હવે ચાલો તમારો સંપર્ક ફોર્મ બનાવીએ:

1. ક્લિક કરો ઓટો ફોર્મ બિલ્ડર તમારા એડમિન મેનૂમાં
2. ક્લિક કરો નવું ફોર્મ બનાવો
3. તમને ટેમ્પલેટ પસંદગી સ્ક્રીન દેખાશે—પસંદ કરો સંપર્ક ફોર્મ

ઓટો ફોર્મ બિલ્ડર પહેલાથી બનાવેલ સંપર્ક ફોર્મ ટેમ્પલેટ સાથે આવે છે જેમાં શામેલ છે:

• પૂર્ણ નામ ક્ષેત્ર
• ઇમેઇલ સરનામું ક્ષેત્ર
• ફોન નંબર ફીલ્ડ (વૈકલ્પિક)
• સંદેશ ક્ષેત્ર

આ ટેમ્પ્લેટ તરત જ ઉપયોગ માટે તૈયાર છે, પરંતુ તમે તેને તમારી ઇચ્છા મુજબ કસ્ટમાઇઝ કરી શકો છો.

પગલું 3: તમારા ફોર્મ ફીલ્ડ્સને કસ્ટમાઇઝ કરો (વૈકલ્પિક)

શું તમે ફીલ્ડ્સ ઉમેરવા અથવા સંશોધિત કરવા માંગો છો? ડ્રેગ-એન્ડ-ડ્રોપ બિલ્ડર તેને સરળ બનાવે છે:

નવા ક્ષેત્રો ઉમેરી રહ્યા છીએ

ડાબી સાઇડબાર પર, તમને ઉપલબ્ધ ફીલ્ડ પ્રકારો દેખાશે. ફક્ત કોઈપણ ક્ષેત્ર ખેંચો તમારા ફોર્મ કેનવાસ પર:

• ટેક્સ્ટ ઇનપુટ - નામ અથવા વિષય જેવા ટૂંકા જવાબો માટે
• ઇમેઇલ - ઇમેઇલ સરનામાંઓને આપમેળે માન્ય કરે છે
• ફોન - વૈકલ્પિક ફોર્મેટિંગવાળા ફોન નંબરો માટે
• ટેક્સ્ટ વિસ્તાર - લાંબા સંદેશાઓ માટે
• ડ્રોપડાઉન - વપરાશકર્તાઓને વિકલ્પોમાંથી પસંદ કરવા દો (જેમ કે "સંપર્ક માટેનું કારણ")
• ચેકબૉક્સ – સંમતિ બોક્સ અથવા બહુવિધ પસંદગીઓ માટે

ફીલ્ડ સેટિંગ્સ સંપાદિત કરી રહ્યા છીએ

કોઈપણ ફીલ્ડને કસ્ટમાઇઝ કરવા માટે તેના પર ક્લિક કરો:

• બદલો લેબલ (દા.ત., “પૂરું નામ” ને બદલે “તમારું નામ”)
• ઉમેરવું પ્લેસહોલ્ડર ટેક્સ્ટ વપરાશકર્તાઓને માર્ગદર્શન આપવા માટે
• ફીલ્ડ બનાવો જરૂરી અથવા વૈકલ્પિક
• ઉમેરવું મદદ ટેક્સ્ટ નીચેના ક્ષેત્રો

ફીલ્ડ્સને ફરીથી ગોઠવી રહ્યા છીએ

ફક્ત ક્ષેત્રોને ઉપર અથવા નીચે ખેંચો તેમનો ક્રમ બદલવા માટે. વિઝ્યુઅલ બિલ્ડર બરાબર બતાવે છે કે તમારું ફોર્મ કેવું દેખાશે.

પગલું ૫: ફોર્મ સેટિંગ્સ ગોઠવો

ક્લિક કરો સેટિંગ્સ જ્યારે કોઈ તમારું ફોર્મ સબમિટ કરે છે ત્યારે શું થાય છે તે ગોઠવવા માટે ટેબ પર ક્લિક કરો:

સફળતાનો સંદેશ

સબમિટ કર્યા પછી વપરાશકર્તાઓ જે સંદેશ જુએ છે તેને કસ્ટમાઇઝ કરો. ઉદાહરણ તરીકે:

"અમારો સંપર્ક કરવા બદલ આભાર! અમે 24 કલાકની અંદર તમારો સંપર્ક કરીશું."

ઇમેઇલ સૂચનાઓ

જ્યારે કોઈ તમારું ફોર્મ ભરે ત્યારે તરત જ સૂચના મેળવો:

1. સક્ષમ કરો ઇમેઇલ સૂચનાઓ
2. તમારું ઇમેઇલ સરનામું દાખલ કરો (અથવા અલ્પવિરામથી અલગ કરેલા બહુવિધ ઇમેઇલ્સ)
3. ઇમેઇલ વિષય રેખાને કસ્ટમાઇઝ કરો

દરેક સબમિશન સીધા તમારા ઇનબોક્સમાં મોકલવામાં આવશે - અને તમારા WordPress ડેશબોર્ડમાં સુરક્ષિત રીતે સંગ્રહિત પણ થશે.

પગલું ૫: તમારા ફોર્મને સ્ટાઇલ કરો (વૈકલ્પિક)

શું તમે ઇચ્છો છો કે તમારું ફોર્મ તમારી વેબસાઇટની ડિઝાઇન સાથે મેળ ખાય? કસ્ટમાઇઝ કરવા માટે કસ્ટમાઇઝ ટેબ પર ક્લિક કરો:

• કલર્સ - બટનના રંગો, બેકગ્રાઉન્ડ અને ટેક્સ્ટ બદલો
• સરહદો - ક્ષેત્રની સરહદો અને ખૂણાની ત્રિજ્યાને સમાયોજિત કરો
• અંતર - પેડિંગ અને માર્જિન નિયંત્રિત કરો
• બટન - સબમિટ બટન ટેક્સ્ટ અને દેખાવને કસ્ટમાઇઝ કરો

ઓટો ફોર્મ બિલ્ડર ફોર્મ્સ કોઈપણ થીમ પર સુંદર દેખાવા માટે ડિઝાઇન કરવામાં આવ્યા છે, તેથી સ્ટાઇલ સંપૂર્ણપણે વૈકલ્પિક છે.

પગલું 6: સાચવો અને તમારો શોર્ટકોડ મેળવો

એકવાર તમે તમારા ફોર્મથી ખુશ થઈ જાઓ:

1. તમારા ફોર્મને એક નામ આપો (દા.ત., "સંપર્ક ફોર્મ")
2. ક્લિક કરો ફોર્મ સાચવો
3. કૉપિ કરો shortcode પ્રદર્શિત

પગલું 7: તમારા પૃષ્ઠ પર સંપર્ક ફોર્મ ઉમેરો

હવે ચાલો તમારા ફોર્મને તમારી વેબસાઇટ પર પ્રદર્શિત કરીએ:

વિકલ્પ A: હાલના પૃષ્ઠમાં ઉમેરો

1. પર જાઓ પાના અને તમારા સંપર્ક પૃષ્ઠને સંપાદિત કરો
2. જ્યાં તમે ફોર્મ દેખાવા માંગતા હો ત્યાં શોર્ટકોડ પેસ્ટ કરો.
3. ક્લિક કરો અપડેટ

વિકલ્પ B: એક નવું સંપર્ક પૃષ્ઠ બનાવો

1. પર જાઓ પાના → નવું ઉમેરો
2. તેને "સંપર્ક" અથવા "અમારો સંપર્ક કરો" શીર્ષક આપો.
3. જો તમે ઇચ્છો તો થોડો પરિચય લખાણ ઉમેરો.
4. શોર્ટકોડ પેસ્ટ કરો
5. ક્લિક કરો પ્રકાશિત કરો

તમારા સુંદર નવા સંપર્ક ફોર્મને કાર્યમાં જોવા માટે તમારા પૃષ્ઠની મુલાકાત લો!

પગલું 8: તમારા સંપર્ક ફોર્મનું પરીક્ષણ કરો

દુનિયા સમક્ષ તમારા નવા ફોર્મની જાહેરાત કરતા પહેલા, તેનું પરીક્ષણ કરો:

1. તમારા સંપર્ક પૃષ્ઠની મુલાકાત લો
2. ટેસ્ટ માહિતી સાથે ફોર્મ ભરો
3. સબમિટ કરો ક્લિક કરો
4. ખાતરી કરો કે તમને સફળતાનો સંદેશ દેખાય છે.
5. સૂચના માટે તમારો ઇમેઇલ તપાસો
6. વર્ડપ્રેસમાં, અહીં જાઓ ઓટો ફોર્મ બિલ્ડર → સબમિશન સંગ્રહિત એન્ટ્રી જોવા માટે

જો બધું કામ કરે છે, તો અભિનંદન - તમારું સંપર્ક ફોર્મ લાઇવ છે!

સંપર્ક ફોર્મ સબમિશનનું સંચાલન

ઓટો ફોર્મ બિલ્ડરની શ્રેષ્ઠ વિશેષતાઓમાંની એક બિલ્ટ-ઇન છે સબમિશન મેનેજમેન્ટ. કેટલાક ફોર્મ પ્લગઇન્સથી વિપરીત જે ફક્ત ઇમેઇલ્સ મોકલે છે, દરેક સબમિશન તમારા WordPress ડેટાબેઝમાં સંગ્રહિત થાય છે.

પર જાઓ ઓટો ફોર્મ બિલ્ડર → સબમિશંસ આના પર:

• બધા સબમિશન જુઓ શોધી શકાય તેવા કોષ્ટકમાં
• તારીખ દ્વારા ફિલ્ટર કરો - આજે, આ અઠવાડિયે, આ મહિને, વગેરે.
• સબમિશન શોધો - ચોક્કસ સંદેશાઓ તરત જ શોધો
• વાંચેલા/ન વાંચેલા તરીકે ચિહ્નિત કરો - તમે કઈ પૂછપરછો હાથ ધરી છે તેનો ટ્રેક કરો
• મહત્વપૂર્ણ સંદેશાઓને સ્ટાર કરો - ઉચ્ચ-પ્રાથમિકતાવાળા સંપર્કોને ચિહ્નિત કરો
• CSV પર નિકાસ કરો - સ્પ્રેડશીટ્સ અથવા બેકઅપ માટે તમારો ડેટા ડાઉનલોડ કરો

આનો અર્થ એ છે કે તમે ક્યારેય ગ્રાહક પૂછપરછ ગુમાવશો નહીં, ભલે ઇમેઇલ્સ ડિલિવર કરવામાં નિષ્ફળ જાય.

ઓટો ફોર્મ બિલ્ડર કોન્ટેક્ટ ફોર્મ માટે શા માટે પરફેક્ટ છે

ઘણા બધા WordPress ફોર્મ પ્લગઈન્સ ઉપલબ્ધ છે, પરંતુ અહીં શા માટે ઓટો ફોર્મ બિલ્ડર સંપર્ક ફોર્મ્સ બનાવવા માટે અલગ પડે છે:

વારંવાર પૂછાતા પ્રશ્નો

શું આ ફોર્મ મારી WordPress થીમ સાથે કામ કરશે?

હા. ઓટો ફોર્મ બિલ્ડર કોઈપણ WordPress થીમ સાથે કામ કરવા માટે રચાયેલ છે.

શું હું ફોર્મ સબમિશન ઇમેઇલ દ્વારા મેળવી શકું?

ચોક્કસ. ફોર્મ સેટિંગ્સમાં ઇમેઇલ સૂચનાઓ સક્ષમ કરો, અને જ્યારે પણ કોઈ તમારું ફોર્મ સબમિટ કરશે ત્યારે તમને એક ઇમેઇલ પ્રાપ્ત થશે. સબમિશન તમારા WordPress ડેશબોર્ડમાં બેકઅપ તરીકે પણ સંગ્રહિત થાય છે.

શું સંપર્ક ફોર્મ મોબાઇલ-ફ્રેન્ડલી છે?

હા. ઓટો ફોર્મ બિલ્ડર વડે બનાવેલા બધા ફોર્મ સંપૂર્ણપણે રિસ્પોન્સિવ છે અને ફોન, ટેબ્લેટ અને ડેસ્કટોપ કમ્પ્યુટર પર ખૂબ જ સરસ લાગે છે.

હું મારા ફોર્મને સ્પામથી કેવી રીતે સુરક્ષિત રાખી શકું?

ઓટો ફોર્મ બિલ્ડર સ્પામ સુરક્ષા એડ-ઓન્સ ઓફર કરે છે, જેમાં Google reCAPTCHA અને Cloudflare Turnstileનો સમાવેશ થાય છે.

આગામી પગલાં

હવે જ્યારે તમારી WordPress વેબસાઇટ પર સંપર્ક ફોર્મ છે, તો આ સુધારાઓ ધ્યાનમાં લો:

• ફૂટરમાં તમારું સંપર્ક ફોર્મ ઉમેરો - તેને દરેક પૃષ્ઠથી સુલભ બનાવો
• પ્રતિસાદ ફોર્મ બનાવો - ગ્રાહક સમીક્ષાઓ અને પ્રશંસાપત્રો એકત્રિત કરો
• ન્યૂઝલેટર સાઇનઅપ ફોર્મ બનાવો - તમારી ઇમેઇલ સૂચિ વધારો
• સ્પામ સુરક્ષા ઉમેરો - વધુ ટ્રાફિક ધરાવતી સાઇટ્સ માટે reCAPTCHA સક્ષમ કરો

ઉપસંહાર

વર્ડપ્રેસમાં સંપર્ક ફોર્મ બનાવવા માટે કોઈ કોડિંગ કૌશલ્યની જરૂર નથી. સાથે ઓટો ફોર્મ બિલ્ડરની મદદથી, તમે 5 મિનિટથી ઓછા સમયમાં એક વ્યાવસાયિક, મોબાઇલ-રિસ્પોન્સિવ સંપર્ક ફોર્મ બનાવી શકો છો—સંપૂર્ણપણે મફત.

ડ્રેગ-એન્ડ-ડ્રોપ ઇન્ટરફેસ નવા નિશાળીયા માટે સરળ બનાવે છે, જ્યારે બિલ્ટ-ઇન સબમિશન મેનેજમેન્ટ ખાતરી કરે છે કે તમે ક્યારેય ગ્રાહક પૂછપરછ ચૂકશો નહીં. ઉપરાંત, તમારો બધો ડેટા તમારા પોતાના WordPress સર્વર પર સુરક્ષિત રીતે રહે છે.

તમારો સંપર્ક ફોર્મ બનાવવા માટે તૈયાર છો? ઓટો ફોર્મ બિલ્ડર ડાઉનલોડ કરો WordPress પ્લગઇન રિપોઝીટરીમાંથી અને આજે જ શરૂઆત કરો.