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

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

ડ્રોપડાઉન મેનુ શા માટે વાપરવું?

ટેક્સ્ટ ફીલ્ડ્સ પર ફાયદા

• માનક ડેટા: કોઈ ટાઇપો કે ભિન્નતા નથી
• માર્ગદર્શિત પસંદગી: વપરાશકર્તાઓ ઉપલબ્ધ વિકલ્પો જુએ છે
• જગ્યા કાર્યક્ષમ: ક્લિક ન થાય ત્યાં સુધી સંકુચિત
• મોબાઇલ ફ્રેન્ડલી: ફોન પર મૂળ પીકર
• ઝડપી પૂર્ણતા: ક્લિક વિરુદ્ધ પ્રકાર

રેડિયો બટનો કરતાં ફાયદા

• લાંબી યાદીઓ માટે વધુ સારું: નાની જગ્યામાં 6+ વિકલ્પો ફિટ થાય છે
• સ્વચ્છ દેખાવ: ઓછી દ્રશ્ય અવ્યવસ્થા
• સ્ક્રોલ કરી શકાય તેવું: ડઝનેક વિકલ્પો હેન્ડલ કરો

ડ્રોપડાઉનનો ઉપયોગ ક્યારે કરવો

• ૬+ વિકલ્પો (ઓછા = રેડિયો બટનો ધ્યાનમાં લો)
• પૂર્વનિર્ધારિત, જાણીતા વિકલ્પો
• એક જ પસંદગી જરૂરી છે
• જગ્યા મર્યાદિત છે.
• ડેટા માનકીકરણ મહત્વપૂર્ણ

મૂળભૂત ડ્રોપડાઉન બનાવવું

પગલું 1: ડ્રોપડાઉન ફીલ્ડ ઉમેરો

1. તમારું ફોર્મ ખોલો એએફબી
2. શોધવા ડ્રોપડાઉન ક્ષેત્રના પ્રકારોમાં
3. તમારા ફોર્મ પર ખેંચો

પગલું 2: લેબલ ગોઠવો

લેબલ: "તમને અમારા વિશે કેવી રીતે ખબર પડી?" પ્લેસહોલ્ડર: "એક વિકલ્પ પસંદ કરો..." જરૂરી: હા/ના

પગલું 3: વિકલ્પો ઉમેરો

દરેક વિકલ્પને નવી લાઇન પર દાખલ કરો:

ગુગલ સર્ચ સોશિયલ મીડિયા મિત્ર અથવા સાથીદાર જાહેરાત બ્લોગ અથવા લેખ અન્ય

પગલું 4: પૂર્વાવલોકન અને પરીક્ષણ

1. ફોર્મ સાચવો
2. ફ્રન્ટએન્ડ પર પૂર્વાવલોકન કરો
3. વિકલ્પો ચકાસવા માટે ડ્રોપડાઉન પર ક્લિક કરો
4. ટેસ્ટ એન્ટ્રી સબમિટ કરો

ડ્રોપડાઉન રૂપરેખાંકન વિકલ્પો

મૂળભૂત સેટિંગ્સ

• લેબલ: પ્રશ્ન અથવા સંકેત
• પ્લેસહોલ્ડર: ડિફોલ્ટ ટેક્સ્ટ (દા.ત., "પસંદ કરો...")
• આવશ્યક: સબમિટ કરવા માટે પસંદ કરવું આવશ્યક છે
• મદદ ટેક્સ્ટ: વધારાની સૂચનાઓ

વિકલ્પો સેટિંગ્સ

• વિકલ્પોની યાદી: ઉપલબ્ધ પસંદગીઓ
• ડિફોલ્ટ પસંદ કરેલ: પહેલાથી પસંદ કરેલ વિકલ્પ
• શોધી શકાય તેવું: ફિલ્ટર કરવા માટે ટાઇપ કરો
• બહુવિધ પસંદગી: બહુવિધ પસંદ કરો

ડ્રોપડાઉન વિકલ્પો ઉમેરી રહ્યા છીએ

સરળ સૂચિ

વિકલ્પ ૧ વિકલ્પ ૨ વિકલ્પ ૩ વિકલ્પ ૪

લેબલોથી અલગ મૂલ્યો સાથે

એક વસ્તુ પ્રદર્શિત કરો, બીજી સંગ્રહિત કરો:

ડિસ્પ્લે: "યુનાઇટેડ સ્ટેટ્સ" મૂલ્ય: "યુએસ" ડિસ્પ્લે: "યુનાઇટેડ કિંગડમ" મૂલ્ય: "યુકે"

જૂથબદ્ધ વિકલ્પો (ઓપ્ટગ્રુપ્સ)

--- ઉત્તર અમેરિકા --- યુનાઇટેડ સ્ટેટ્સ કેનેડા મેક્સિકો --- યુરોપ --- યુનાઇટેડ કિંગડમ જર્મની ફ્રાન્સ

ઘણાં વિકલ્પો

લાંબી યાદીઓ માટે, ધ્યાનમાં લો:

• મૂળાક્ષર ક્રમ
• સૌથી સામાન્ય વિકલ્પો પહેલા
• શોધવા યોગ્ય સુવિધા ચાલુ કરી
• તાર્કિક જૂથો

પ્લેસહોલ્ડર ટેક્સ્ટ

પ્લેસહોલ્ડર શું છે?

વપરાશકર્તા વિકલ્પ પસંદ કરે તે પહેલાં બતાવેલ ટેક્સ્ટ:

[એક વિકલ્પ પસંદ કરો... ▼] ← પ્લેસહોલ્ડર

સારા પ્લેસહોલ્ડર ઉદાહરણો

"તમારો દેશ પસંદ કરો..." "એક શ્રેણી પસંદ કરો..." "એક સમય સ્લોટ પસંદ કરો..." "-- કૃપા કરીને પસંદ કરો --" "એક પસંદ કરો"

પ્લેસહોલ્ડર શ્રેષ્ઠ પ્રથાઓ

• તેને ટૂંકા રાખો
• સ્પષ્ટ કરો કે તે એક સંકેત છે
• માન્ય વિકલ્પ તરીકે ઉપયોગ કરશો નહીં
• "– પસંદ કરો –" ફોર્મેટ ધ્યાનમાં લો

શોધી શકાય તેવા ડ્રોપડાઉન્સ

શોધવા યોગ્ય શું છે?

વપરાશકર્તાઓ ફિલ્ટર વિકલ્પોમાં ટાઇપ કરી શકે છે:

[શોધવા માટે ટાઇપ કરો... ▼] વપરાશકર્તા પ્રકારો: "ger" શો: જર્મની, અલ્જેરિયા, નાઇજર

શોધયોગ્ય ક્યારે સક્ષમ કરવું

• ૧૨+ વિકલ્પો
• દેશ/રાજ્ય યાદીઓ
• ઉત્પાદન કેટલોગ
• ગમે તેટલી લાંબી યાદી

શોધવા યોગ્ય સુવિધા સક્ષમ કરવી

1. ડ્રોપડાઉન ફીલ્ડ પસંદ કરો
2. "શોધવા યોગ્ય" વિકલ્પ શોધો
3. ટૉગલ ચાલુ કરો

શોધી શકાય તેવું UX

૧. વપરાશકર્તા ક્લિક્સ ડ્રોપડાઉન ૨. ટેક્સ્ટ ઇનપુટ દેખાય છે ૩. વપરાશકર્તા પ્રકારો આંશિક મેચ ૪. રીઅલ-ટાઇમમાં વિકલ્પો ફિલ્ટર ૫. વપરાશકર્તા ફિલ્ટર કરેલી સૂચિમાંથી પસંદ કરે છે

બહુવિધ-પસંદગી ડ્રોપડાઉન

સિંગલ વિ મલ્ટી-સિલેક્ટ

એકલ પસંદગી: વપરાશકર્તા એક વિકલ્પ પસંદ કરે છે મલ્ટી-સિલેક્ટ: વપરાશકર્તા બહુવિધ વિકલ્પો પસંદ કરે છે

મલ્ટી-સિલેક્ટનો ઉપયોગ ક્યારે કરવો

• "લાગુ પડતા બધા પસંદ કરો"
• બહુવિધ રુચિઓ/પસંદગીઓ
• બહુવિધ શ્રેણીઓ પસંદ કરી રહ્યા છીએ
• જ્યારે ચેકબોક્સ ખૂબ જગ્યા રોકશે

મલ્ટી-સિલેક્ટ સક્ષમ કરવું

1. ડ્રોપડાઉન ફીલ્ડ પસંદ કરો
2. "બહુવિધ પસંદગીઓને મંજૂરી આપો" શોધો
3. ટૉગલ ચાલુ કરો

બહુવિધ-પસંદગી દેખાવ

[વેબ ડિઝાઇન, SEO, માર્કેટિંગ ▼] પસંદ કરેલી વસ્તુઓ ટૅગ્સ/ચિપ્સ તરીકે બતાવવામાં આવી છે.

મર્યાદાઓ સાથે બહુવિધ પસંદગીઓ

ન્યૂનતમ/મહત્તમ પસંદગી સાથે જોડો:

"૨-૪ વિષયો પસંદ કરો" ન્યૂનતમ: ૨ મહત્તમ: ૪

રૂપરેખાંકન ભૂતપૂર્વamples

ઉદાહરણ ૧: દેશની પસંદગી

લેબલ: "દેશ" પ્લેસહોલ્ડર: "તમારો દેશ પસંદ કરો..." શોધવા યોગ્ય: હા જરૂરી: હા વિકલ્પો: [૧૯૫+ દેશો મૂળાક્ષરો પ્રમાણે]

ઉદાહરણ ૨: પૂછપરછનો પ્રકાર

લેબલ: "તમારી પૂછપરછ શેના વિશે છે?" પ્લેસહોલ્ડર: "શ્રેણી પસંદ કરો..." જરૂરી: હા વિકલ્પો: - વેચાણ - સપોર્ટ - બિલિંગ - ભાગીદારી - પ્રેસ/મીડિયા - અન્ય

ઉદાહરણ ૩: બજેટ રેન્જ

લેબલ: "તમારું બજેટ કેટલું છે?" પ્લેસહોલ્ડર: "શ્રેણી પસંદ કરો..." જરૂરી: કોઈ વિકલ્પો નથી: - $1,000 થી ઓછી - $1,000 - $5,000 - $5,000 - $10,000 - $10,000 - $25,000 - $25,000+ - હજુ સુધી ખાતરી નથી

ઉદાહરણ ૪: સમય સ્લોટ

લેબલ: "પસંદગીનો એપોઇન્ટમેન્ટ સમય" પ્લેસહોલ્ડર: "સમય પસંદ કરો..." જરૂરી: હા વિકલ્પો: - સવારે 9:00 - સવારે 10:00 - સવારે 11:00 - બપોરે 1:00 - બપોરે 2:00 - બપોરે 3:00 - સાંજે 4:00

ઉદાહરણ ૫: બહુ-પસંદગીની રુચિઓ

લેબલ: "રસના વિષયો" પ્લેસહોલ્ડર: "વિષયો પસંદ કરો..." બહુ-પસંદગી: હા શોધવા યોગ્ય: હા વિકલ્પો: - ટેકનોલોજી - વ્યવસાય - માર્કેટિંગ - ડિઝાઇન - વિકાસ - વિશ્લેષણ - સુરક્ષા - AI/ML

ઉદાહરણ 6: જૂથબદ્ધ સેવાઓ

લેબલ: "તમને કઈ સેવાની જરૂર છે?" વિકલ્પો: --- વેબ સેવાઓ --- - વેબસાઇટ ડિઝાઇન - વેબસાઇટ ડેવલપમેન્ટ - ઇ-કોમર્સ --- માર્કેટિંગ --- - SEO - PPC - સોશિયલ મીડિયા --- સપોર્ટ --- - જાળવણી - હોસ્ટિંગ - કન્સલ્ટિંગ

ડિફોલ્ટ પસંદગી

કોઈ ડિફોલ્ટ નથી (ભલામણ કરેલ)

[એક વિકલ્પ પસંદ કરો... ▼]

વપરાશકર્તાએ સક્રિયપણે પસંદ કરવું આવશ્યક છે. જરૂરી ક્ષેત્રો માટે શ્રેષ્ઠ.

પૂર્વ-પસંદ કરેલ ડિફૉલ્ટ

[યુનાઇટેડ સ્ટેટ્સ ▼] ← પૂર્વ-પસંદ કરેલ

જ્યારે ઉપયોગ કરો:

• એક વિકલ્પ ખૂબ જ સામાન્ય છે
• ફોર્મ પૂર્ણ કરવાની પ્રક્રિયા ઝડપી બનાવે છે
• લોજિકલ ડિફોલ્ટ અસ્તિત્વમાં છે

ડિફોલ્ટ સેટ કરી રહ્યા છીએ

1. વિકલ્પોની સૂચિમાં, ડિફોલ્ટ વિકલ્પ તરીકે ચિહ્નિત કરો
2. અથવા સેટિંગ્સમાં "ડિફોલ્ટ મૂલ્ય" સેટ કરો

ડ્રોપડાઉન વિરુદ્ધ રેડિયો બટનો

ડ્રોપડાઉનનો ઉપયોગ કરો જ્યારે

• ૧૨+ વિકલ્પો
• લાંબી યાદી (દેશો, રાજ્યો)
• જગ્યા મર્યાદિત છે.
• વિકલ્પો પ્રકૃતિમાં સમાન છે

જ્યારે રેડિયો બટનોનો ઉપયોગ કરો

• ૩-૪ વિકલ્પો
• બધા વિકલ્પો દૃશ્યમાન હોવા જોઈએ
• વિકલ્પોમાં વર્ણનો હોય છે
• દ્રશ્ય સરખામણી મહત્વપૂર્ણ

સાઇડ-બાય-સાઇડ સરખામણી

ડ્રોપડાઉન (6+ વિકલ્પો, ક્લિક ન થાય ત્યાં સુધી છુપાયેલા): [યોજના પસંદ કરો... ▼] રેડિયો બટનો (2-5 વિકલ્પો, બધા દૃશ્યમાન): ○ મફત ○ મૂળભૂત ($9/મહિનો) ○ પ્રો ($29/મહિનો) ○ એન્ટરપ્રાઇઝ (અમારો સંપર્ક કરો)

સ્ટાઇલિંગ ડ્રોપડાઉન્સ

ડિફોલ્ટ દેખાવ

ડ્રોપડાઉન ફોર્મ સ્ટાઇલને વારસામાં મેળવે છે:

• કિનારીનો રંગ/ત્રિજ્યા
• પૃષ્ઠભૂમિ રંગ
• ફોન્ટ ફેમિલી/કદ
• ગાદી

કસ્ટમ સ્ટાઇલ વિકલ્પો

• ડ્રોપડાઉન એરો આઇકન
• પસંદ કરેલી વસ્તુનો દેખાવ
• વિકલ્પ હોવર સ્ટેટ્સ
• બહુ-પસંદગી ટૅગ સ્ટાઇલ

મોબાઇલ સ્ટાઇલિંગ

મૂળ મોબાઇલ ડ્રોપડાઉન્સ:

• iOS: વ્હીલ પીકર
• એન્ડ્રોઇડ: મટીરીયલ પીકર
• OS સાથે સુસંગત

શ્રેષ્ઠ પ્રયાસો

1. વિકલ્પોને તાર્કિક રીતે ઓર્ડર કરો

• મૂળાક્ષરો: દેશો, નામો
• સંખ્યાત્મક: જથ્થા, શ્રેણીઓ
• આવર્તન: સૌથી સામાન્ય પહેલા
• કાલક્રમિક: સમય સ્લોટ, તારીખો

2. વિકલ્પોને સંક્ષિપ્ત રાખો

સારું: "યુનાઇટેડ સ્ટેટ્સ" ટાળો: "યુનાઇટેડ સ્ટેટ્સ ઑફ અમેરિકા (યુએસએ)" સારું: "$1,000 - $5,000" ટાળો: "એક હજારથી પાંચ હજાર ડોલરની વચ્ચે"

૬. જ્યારે યોગ્ય હોય ત્યારે "અન્ય" નો સમાવેશ કરો

વિકલ્પો: - ગુગલ - ફેસબુક - લિંક્ડઇન - ફ્રેન્ડ રેફરલ - અન્ય ← એજ કેસ પકડે છે

૪. પ્લેસહોલ્ડરનો ઉપયોગ કરો, પહેલા વિકલ્પનો નહીં

સારું: પ્લેસહોલ્ડર: "પસંદ કરો..." વિકલ્પો: વિકલ્પ 1, વિકલ્પ 2, વિકલ્પ 3 ટાળો: વિકલ્પો: "પસંદ કરો...", વિકલ્પ 1, વિકલ્પ 2 (પહેલો વિકલ્પ પ્રોમ્પ્ટ ન હોવો જોઈએ)

5. લાંબી યાદીઓ માટે શોધ સક્ષમ કરો

૧૫-૨૦+ વિકલ્પો ધરાવતું કોઈપણ ડ્રોપડાઉન શોધી શકાય તેવું હોવું જોઈએ.

6. લોડિંગ કામગીરી ધ્યાનમાં લો

ખૂબ લાંબી યાદીઓ (૧૦૦૦+) માટે જરૂર પડી શકે છે:

• સુસ્ત લોડિંગ
• સર્વર-સાઇડ શોધ
• ઉપશ્રેણીઓમાં વિભાજન

સામાન્ય ડ્રોપડાઉન ઉપયોગના કિસ્સાઓ

સંપર્ક ફોર્મ્સ

- વિભાગ (વેચાણ, સહાય, બિલિંગ) - પૂછપરછનો પ્રકાર (પ્રશ્ન, પ્રતિસાદ, ફરિયાદ) - તમને અમારા વિશે કેવી રીતે ખબર પડી?

નોંધણી ફોર્મ

- દેશ - રાજ્ય/પ્રાંત - ઉદ્યોગ - કંપનીનું કદ - નોકરીનું શીર્ષક/ભૂમિકા

ઓર્ડર ફોર્મ

- ઉત્પાદન પસંદગી - જથ્થો - કદ/રંગ પ્રકારો - શિપિંગ પદ્ધતિ

સર્વે ફોર્મ

- રેટિંગ સ્કેલ (1-10) - આવર્તન (ક્યારેય નહીં થી હંમેશા) - સંમતિ (સંપૂર્ણપણે અસંમત થી સંપૂર્ણપણે સંમત)

બુકિંગ ફોર્મ

- સેવાનો પ્રકાર - પસંદગીની તારીખ - સમય સ્લોટ - અવધિ

મુશ્કેલીનિવારણ

ડ્રોપડાઉન વિકલ્પો બતાવતું નથી

• વિકલ્પો સાચવેલા છે કે નહીં તે ચકાસો
• ખાલી વિકલ્પ યાદી માટે તપાસો
• કેશ સાફ કરો અને તાજું કરો

શોધ કામ કરતું નથી

• શોધયોગ્ય સક્ષમ છે તેની પુષ્ટિ કરો
• જાવાસ્ક્રિપ્ટ ભૂલો તપાસો
• અલગ બ્રાઉઝરમાં પરીક્ષણ કરો

મલ્ટી-સિલેક્ટ બધી પસંદગીઓ સાચવી રહ્યું નથી

• ચકાસો કે બહુ-પસંદગી સક્ષમ છે
• ફોર્મ સબમિશન હેન્ડલિંગ તપાસો
• ઓછી પસંદગીઓ સાથે પરીક્ષણ કરો

મોબાઇલ પીકર દેખાતો નથી

• કસ્ટમ સ્ટાઇલ મૂળ શૈલીને ઓવરરાઇડ કરી શકે છે
• વાસ્તવિક મોબાઇલ ઉપકરણ પર પરીક્ષણ કરો
• જાવાસ્ક્રિપ્ટ વિરોધાભાસ માટે તપાસો

ઉપલ્બધતા

કીબોર્ડ નેવિગેશન

• ફોકસ કરવા માટે ટૅબ ડ્રોપડાઉન
• નેવિગેટ કરવા માટે તીર કી
• પસંદ કરવા માટે Enter/Space દબાવો
• કૂદવા માટે પહેલો અક્ષર લખો

સ્ક્રીન રીડર્સ

• લેબલ યોગ્ય રીતે સંકળાયેલું છે
• વિકલ્પોની જાહેરાત કરી
• પસંદગીની પુષ્ટિ થઈ

શ્રેષ્ઠ પ્રયાસો

• સ્પષ્ટ, વર્ણનાત્મક લેબલ્સ
• લોજિકલ વિકલ્પ ક્રમ
• પ્લેસહોલ્ડરને ફક્ત સૂચના તરીકે ટાળો

સારાંશ

ડ્રોપડાઉન મેનુ બનાવી રહ્યા છીએ:

1. ડ્રોપડાઉન ફીલ્ડ ઉમેરો - ફોર્મ કરવા માટે ખેંચો
2. લેબલ સેટ કરો - સ્પષ્ટ પ્રશ્ન/પ્રોમ્પ્ટ
3. પ્લેસહોલ્ડર ઉમેરો – “પસંદ કરો…” ટેક્સ્ટ
4. વિકલ્પો દાખલ કરો - પ્રતિ લાઇન એક
5. શોધવા યોગ્ય સક્ષમ કરો - લાંબી યાદીઓ માટે
6. બહુવિધ-પસંદગી સક્ષમ કરો - જો બહુવિધ વિકલ્પોની જરૂર હોય તો
7. સેટ જરૂરી છે - ફોર્મ જરૂરિયાતો પર આધારિત
8. સારી રીતે પરીક્ષણ કરો - બધા વિકલ્પો, બધા ઉપકરણો

ઉપસંહાર

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

ઓટો ફોર્મ બિલ્ડર શોધયોગ્ય મોડ, મલ્ટી-સિલેક્ટ વિકલ્પ અને કસ્ટમ સ્ટાઇલ સાથે સંપૂર્ણ સુવિધાયુક્ત ડ્રોપડાઉન ફીલ્ડ્સનો સમાવેશ થાય છે. મિનિટોમાં વ્યાવસાયિક પસંદગી મેનુ બનાવો.

ડ્રોપડાઉન ઉમેરવા માટે તૈયાર છો? ઓટો ફોર્મ બિલ્ડર ડાઉનલોડ કરો અને આજે જ ડ્રોપડાઉન મેનુ વડે ફોર્મ બનાવવાનું શરૂ કરો.