கோடிங் இல்லாமல் வேர்ட்பிரஸில் தொடர்பு படிவத்தை உருவாக்குவது எப்படி
உங்கள் வேர்ட்பிரஸ் வலைத்தளத்தில் ஒரு தொடர்பு படிவத்தைச் சேர்க்க விரும்புகிறீர்களா, ஆனால் எப்படி குறியீடு செய்வது என்று தெரியவில்லையா? நீங்கள் சரியான இடத்தில் இருக்கிறீர்கள். இந்த படிப்படியான வழிகாட்டியில், எப்படி செய்வது என்பதை நீங்கள் கற்றுக்கொள்வீர்கள் ஒரு வரி குறியீட்டை எழுதாமல் WordPress இல் ஒரு தொழில்முறை தொடர்பு படிவத்தை உருவாக்கவும்.—மேலும் இது 5 நிமிடங்களுக்கும் குறைவாகவே ஆகும்.
நீங்கள் ஒரு வலைப்பதிவராக இருந்தாலும் சரி, சிறு வணிக உரிமையாளராக இருந்தாலும் சரி, அல்லது உங்கள் முதல் வலைத்தளத்தை உருவாக்குபவராக இருந்தாலும் சரி, ஒரு தொடர்பு படிவம் இருப்பது அவசியம். இது பார்வையாளர்கள் உங்களை எளிதாக அடைய அனுமதிக்கிறது, லீட்களைப் பிடிக்க உதவுகிறது, மேலும் உங்கள் மின்னஞ்சல் முகவரியை இடுகையிடுவதை விட மிகவும் தொழில்முறை தோற்றத்தைக் காட்டுகிறது.
ஒவ்வொரு வேர்ட்பிரஸ் வலைத்தளத்திற்கும் ஏன் தொடர்பு படிவம் தேவை
டுடோரியலுக்குள் நுழைவதற்கு முன், தொடர்பு படிவம் ஏன் முக்கியமானது என்பதைப் புரிந்துகொள்வோம்:
- உங்கள் மின்னஞ்சலை ஸ்பேமிலிருந்து பாதுகாக்கிறது – உங்கள் மின்னஞ்சல் முகவரியை பொதுவில் வெளியிடுவது ஸ்பேம் பாட்களை உங்கள் இன்பாக்ஸில் நிரப்ப அழைக்கிறது.
- தொழில்முறை தெரிகிறது – நன்கு வடிவமைக்கப்பட்ட படிவம் பார்வையாளர்களிடம் நம்பிக்கையை வளர்க்கிறது.
- கட்டமைக்கப்பட்ட தகவல்களைச் சேகரிக்கிறது - உங்களுக்குத் தேவையான விவரங்களை (பெயர், மின்னஞ்சல், செய்தி) ஒழுங்கமைக்கப்பட்ட வடிவத்தில் பெறுங்கள்.
- விசாரணைகளைக் கண்காணிக்கிறது - சமர்ப்பிப்புகளை மின்னஞ்சலில் இழப்பதற்குப் பதிலாக உங்கள் வேர்ட்பிரஸ் டாஷ்போர்டில் சேமிக்கவும்.
- மொபைலுக்கு ஏற்ற அனுபவம் - படிவங்கள் தொலைபேசிகள் மற்றும் டேப்லெட்களில் சரியாக வேலை செய்கின்றன.
உங்களுக்கு என்ன தேவை
இந்த டுடோரியலைப் பின்பற்ற, உங்களுக்கு இது தேவைப்படும்:
- ஒரு வேர்ட்பிரஸ் வலைத்தளம் (சுயமாக ஹோஸ்ட் செய்யப்பட்ட WordPress.org)
- செருகுநிரல்களை நிறுவுவதற்கான நிர்வாக அணுகல்
- உங்கள் நேரத்தின் 5 நிமிடங்கள்
அவ்வளவுதான்! குறியீட்டு அறிவு இல்லை, தொழில்நுட்ப அனுபவம் இல்லை, பணம் செலுத்திய கருவிகள் தேவையில்லை.
படி 1: தானியங்கி படிவ உருவாக்குநரை நிறுவவும் (இலவச செருகுநிரல்)
நாம் பயன்படுத்துவோம் தானியங்கி படிவம் உருவாக்குபவர் (எனவும் அறியப்படுகிறது ஏ.எஃப்.பி.)—ஒரு இலவசம், இலகுரக வேர்ட்பிரஸ் செருகுநிரல் காட்சி இழுத்து விடுதல் இடைமுகத்துடன். கற்றல் வளைவு இல்லாததால், இது ஆரம்பநிலையாளர்களுக்கு ஏற்றது.
இதை எப்படி நிறுவுவது என்பது இங்கே:
- உங்கள் வேர்ட்பிரஸ் நிர்வாக டாஷ்போர்டில் உள்நுழையவும்.
- சென்று செருகுநிரல்கள் → புதியதைச் சேர்
- தேடல் "ஏ.எஃப்.பி.” (தானியங்கி படிவ உருவாக்குபவரின் குறுகிய பெயர்)
- தேடு "AFB – தானியங்கி படிவ உருவாக்குநர் – இழுத்து விடுதல் படிவ உருவாக்குநர்"
- சொடுக்கவும் இப்போது நிறுவ, பிறகு செயல்படுத்த
💡 குறிப்பு: வேர்ட்பிரஸ் களஞ்சியத்தில் செருகுநிரலைக் கண்டறிய “AFB” ஐத் தேடுவது விரைவான வழியாகும்.
செயல்படுத்தப்பட்டதும், உங்கள் வேர்ட்பிரஸ் நிர்வாகி மெனுவில் “தானியங்கி படிவ உருவாக்குநரை” காண்பீர்கள். அவ்வளவுதான்—உங்கள் முதல் படிவத்தை உருவாக்க நீங்கள் தயாராக உள்ளீர்கள்!
படி 2: புதிய தொடர்பு படிவத்தை உருவாக்கவும்
இப்போது உங்கள் தொடர்பு படிவத்தை உருவாக்குவோம்:
- சொடுக்கவும் தானியங்கி படிவம் உருவாக்குபவர் உங்கள் நிர்வாகி மெனுவில்
- சொடுக்கவும் புதிய படிவத்தை உருவாக்கு
- நீங்கள் ஒரு டெம்ப்ளேட் தேர்வுத் திரையைப் பார்ப்பீர்கள்—தேர்வு செய்யவும் தொடர்பு படிவம்
ஆட்டோ படிவ பில்டர் முன் கட்டமைக்கப்பட்ட தொடர்பு படிவ டெம்ப்ளேட்டுடன் வருகிறது, அதில் பின்வருவன அடங்கும்:
- முழுப் பெயர் புலம்
- மின்னஞ்சல் முகவரி புலம்
- தொலைபேசி எண் புலம் (விரும்பினால்)
- செய்தி புலம்
இந்த டெம்ப்ளேட் உடனடியாகப் பயன்படுத்தத் தயாராக உள்ளது, ஆனால் நீங்கள் விரும்பியபடி அதைத் தனிப்பயனாக்கலாம்.
படி 3: உங்கள் படிவ புலங்களைத் தனிப்பயனாக்குங்கள் (விரும்பினால்)
புலங்களைச் சேர்க்க அல்லது மாற்ற விரும்புகிறீர்களா? இழுத்து விடுதல் பில்டர் இதை எளிதாக்குகிறது:
புதிய புலங்களைச் சேர்த்தல்
இடது பக்கப்பட்டியில், கிடைக்கக்கூடிய புல வகைகளை நீங்கள் காண்பீர்கள். எந்த புலத்தையும் இழுக்கவும். உங்கள் படிவ கேன்வாஸில்:
- உரை உள்ளீடு – பெயர் அல்லது பொருள் போன்ற குறுகிய பதில்களுக்கு
- மின்னஞ்சல் – மின்னஞ்சல் முகவரிகளை தானாகவே சரிபார்க்கிறது.
- தொலைபேசி – விருப்ப வடிவமைப்புடன் கூடிய தொலைபேசி எண்களுக்கு
- உரை பகுதி - நீண்ட செய்திகளுக்கு
- கீழே போடு – பயனர்கள் விருப்பங்களிலிருந்து தேர்ந்தெடுக்கட்டும் (“தொடர்புக்கான காரணம்” போன்றவை)
- பெட்டியை – ஒப்புதல் பெட்டிகள் அல்லது பல தேர்வுகளுக்கு
புல அமைப்புகளைத் திருத்துதல்
தனிப்பயனாக்க எந்த புலத்தையும் சொடுக்கவும்:
- மாற்று லேபிள் (எ.கா., "முழுப் பெயருக்கு" பதிலாக "உங்கள் பெயர்")
- கூட்டு ஒதுக்கிட உரை பயனர்களுக்கு வழிகாட்ட
- புலங்களை உருவாக்கு தேவையான அல்லது விருப்பமானது
- கூட்டு உதவி உரை புலங்களுக்குக் கீழே
புலங்களை மறுவரிசைப்படுத்துதல்
வெறுமனே புலங்களை மேலே அல்லது கீழே இழுக்கவும். அவற்றின் வரிசையை மாற்ற. காட்சி பில்டர் உங்கள் படிவம் எப்படி இருக்கும் என்பதை சரியாகக் காட்டுகிறது.
படி 4: படிவ அமைப்புகளை உள்ளமைக்கவும்
கிளிக் செய்யவும் அமைப்புகள் உங்கள் படிவத்தை யாராவது சமர்ப்பிக்கும்போது என்ன நடக்கும் என்பதை உள்ளமைக்க தாவல்:
வெற்றிச் செய்தி
சமர்ப்பித்த பிறகு பயனர்கள் பார்க்கும் செய்தியைத் தனிப்பயனாக்குங்கள். எடுத்துக்காட்டாக:
"எங்களைத் தொடர்பு கொண்டதற்கு நன்றி! 24 மணி நேரத்திற்குள் நாங்கள் உங்களைத் தொடர்புகொள்வோம்."
மின்னஞ்சல் அறிவிப்புகள்
யாராவது உங்கள் படிவத்தை நிரப்பும்போது உடனடியாக அறிவிப்பைப் பெறுங்கள்:
- இயக்கு மின்னஞ்சல் அறிவிப்புகள்
- உங்கள் மின்னஞ்சல் முகவரியை உள்ளிடவும் (அல்லது காற்புள்ளிகளால் பிரிக்கப்பட்ட பல மின்னஞ்சல்கள்)
- மின்னஞ்சல் தலைப்பு வரியைத் தனிப்பயனாக்குங்கள்
ஒவ்வொரு சமர்ப்பிப்பும் உங்கள் இன்பாக்ஸுக்கு நேரடியாக அனுப்பப்படும் - மேலும் உங்கள் வேர்ட்பிரஸ் டாஷ்போர்டிலும் பாதுகாப்பாக சேமிக்கப்படும்.
படி 5: உங்கள் படிவத்தை வடிவமைக்கவும் (விரும்பினால்)
உங்கள் படிவம் உங்கள் வலைத்தளத்தின் வடிவமைப்போடு பொருந்த வேண்டுமா? தனிப்பயனாக்க, 'தனிப்பயனாக்கு' (Customize) தாவலைக் கிளிக் செய்யவும்:
- நிறங்கள் - பொத்தான் வண்ணங்கள், பின்னணிகள் மற்றும் உரையை மாற்றவும்
- எல்லைகளற்ற - புல எல்லைகள் மற்றும் மூலை ஆரத்தை சரிசெய்யவும்
- இடைவெளி - கட்டுப்பாட்டு திணிப்பு மற்றும் ஓரங்கள்
- பட்டன் - சமர்ப்பி பொத்தான் உரை மற்றும் தோற்றத்தைத் தனிப்பயனாக்குங்கள்
ஆட்டோ ஃபார்ம் பில்டர் படிவங்கள் எந்தவொரு கருப்பொருளிலும் அழகாகத் தோன்றும் வகையில் வடிவமைக்கப்பட்டுள்ளன, எனவே ஸ்டைலிங் முற்றிலும் விருப்பமானது.
படி 6: உங்கள் சுருக்குக்குறியீட்டைச் சேமித்து பெறுங்கள்.
உங்கள் படிவத்தில் நீங்கள் திருப்தி அடைந்தவுடன்:
- உங்கள் படிவத்திற்கு ஒரு பெயரைக் கொடுங்கள் (எ.கா., “தொடர்பு படிவம்”)
- சொடுக்கவும் படிவத்தைச் சேமி
- நகலெடுக்கவும் ஷார்ட்கோட்கள் காட்டப்படும்
படி 7: உங்கள் பக்கத்தில் தொடர்பு படிவத்தைச் சேர்க்கவும்.
இப்போது உங்கள் படிவத்தை உங்கள் வலைத்தளத்தில் காண்பிப்போம்:
விருப்பம் A: ஏற்கனவே உள்ள பக்கத்தில் சேர்க்கவும்
- சென்று பக்கங்கள் உங்கள் தொடர்புப் பக்கத்தைத் திருத்தவும்
- படிவம் தோன்ற விரும்பும் இடத்தில் சுருக்குக்குறியீட்டை ஒட்டவும்.
- சொடுக்கவும் புதுப்பிக்கப்பட்டது
விருப்பம் பி: புதிய தொடர்புப் பக்கத்தை உருவாக்கு
- சென்று பக்கங்கள் → புதியதைச் சேர்
- அதற்கு "தொடர்பு" அல்லது "எங்களைத் தொடர்பு கொள்ளுங்கள்" என்று பெயரிடுங்கள்.
- நீங்கள் விரும்பினால் சில அறிமுக உரையைச் சேர்க்கவும்.
- சுருக்குக்குறியீட்டை ஒட்டவும்.
- சொடுக்கவும் வெளியிடு
உங்கள் அழகான புதிய தொடர்பு படிவத்தை செயல்பாட்டில் காண உங்கள் பக்கத்தைப் பார்வையிடவும்!
படி 8: உங்கள் தொடர்பு படிவத்தை சோதிக்கவும்
உங்கள் புதிய படிவத்தை உலகிற்கு அறிவிப்பதற்கு முன், அதைச் சோதித்துப் பாருங்கள்:
- உங்கள் தொடர்புப் பக்கத்தைப் பார்வையிடவும்
- தேர்வுத் தகவலுடன் படிவத்தை நிரப்பவும்.
- Submit என்பதை கிளிக் செய்யவும்
- வெற்றிச் செய்தியைப் பார்க்கிறீர்களா என்று சரிபார்க்கவும்.
- அறிவிப்புக்காக உங்கள் மின்னஞ்சலைப் பார்க்கவும்.
- WordPress-இல், இதற்குச் செல்லவும் தானியங்கு படிவ உருவாக்குநர் → சமர்ப்பிப்புகள் சேமிக்கப்பட்ட உள்ளீட்டைக் காண
எல்லாம் வேலை செய்தால், வாழ்த்துக்கள் - உங்கள் தொடர்பு படிவம் நேரலையில் உள்ளது!
தொடர்பு படிவ சமர்ப்பிப்புகளை நிர்வகித்தல்
ஆட்டோ ஃபார்ம் பில்டரின் சிறந்த அம்சங்களில் ஒன்று உள்ளமைக்கப்பட்ட சமர்ப்பிப்பு மேலாண்மை. மின்னஞ்சல்களை மட்டுமே அனுப்பும் சில படிவ செருகுநிரல்களைப் போலன்றி, ஒவ்வொரு சமர்ப்பிப்பும் உங்கள் வேர்ட்பிரஸ் தரவுத்தளத்தில் சேமிக்கப்படும்.
சென்று தானியங்கு படிவ உருவாக்குநர் → சமர்ப்பிப்புகள் க்கு:
- அனைத்து சமர்ப்பிப்புகளையும் காண்க தேடக்கூடிய அட்டவணையில்
- தேதியின்படி வடிகட்டவும் - இன்று, இந்த வாரம், இந்த மாதம், முதலியன.
- சமர்ப்பிப்புகளைத் தேடுங்கள் - குறிப்பிட்ட செய்திகளை உடனடியாகக் கண்டறியவும்
- படித்தது/படிக்காதது எனக் குறி - நீங்கள் எந்த விசாரணைகளைக் கையாண்டீர்கள் என்பதைக் கண்காணிக்கவும்
- முக்கியமான செய்திகளுக்கு நட்சத்திரமிடுங்கள் – அதிக முன்னுரிமை தொடர்புகளைக் கொடியிடுங்கள்
- CSV க்கு ஏற்றுமதி செய்யவும் - விரிதாள்கள் அல்லது காப்புப்பிரதிகளுக்கு உங்கள் தரவைப் பதிவிறக்கவும்.
இதன் பொருள், மின்னஞ்சல்கள் வழங்கத் தவறினாலும், வாடிக்கையாளர் விசாரணையை நீங்கள் ஒருபோதும் இழக்க மாட்டீர்கள்.
தொடர்பு படிவங்களுக்கு ஆட்டோ படிவ பில்டர் ஏன் சரியானது
பல வேர்ட்பிரஸ் படிவ செருகுநிரல்கள் கிடைக்கின்றன, ஆனால் தொடர்பு படிவங்களை உருவாக்குவதில் ஆட்டோ படிவ பில்டர் ஏன் தனித்து நிற்கிறது என்பது இங்கே:
| வசதிகள் | தானியங்கி படிவம் உருவாக்குபவர் |
|---|---|
| விலை | இலவசம் |
| இழுத்தல் மற்றும் கட்டுபவர் | ஆம் |
| முன்பே கட்டமைக்கப்பட்ட தொடர்பு படிவ டெம்ப்ளேட் | ஆம் |
| மின்னஞ்சல் அறிவிப்புகள் | ஆம் |
| சமர்ப்பிப்பு சேமிப்பு | ✅ ஆம் (WordPress இல்) |
| மொபைல் பதிலளிக்க | ஆம் |
| குறியீட்டு முறை தேவையில்லை | ஆம் |
| இலகுவானது & வேகமானது | ஆம் |
| GDPR இணக்கமானது (உங்கள் சேவையகத்தில் உள்ள தரவு) | ஆம் |
| ஏற்றுமதி சமர்ப்பிப்புகள் | ✅ CSV, JSON, XML |
| நிபந்தனை தர்க்கம் | ஆம் |
அடிக்கடி கேட்கப்படும் கேள்விகள்
இந்தப் படிவம் எனது WordPress கருப்பொருளுடன் வேலை செய்யுமா?
ஆம். ஆட்டோ ஃபார்ம் பில்டர் எந்தவொரு வேர்ட்பிரஸ் தீமுடனும் செயல்படும் வகையில் வடிவமைக்கப்பட்டுள்ளது.
படிவ சமர்ப்பிப்புகளை மின்னஞ்சல் மூலம் பெற முடியுமா?
நிச்சயமாக. படிவ அமைப்புகளில் மின்னஞ்சல் அறிவிப்புகளை இயக்கவும், உங்கள் படிவத்தை யாராவது சமர்ப்பிக்கும் ஒவ்வொரு முறையும் உங்களுக்கு மின்னஞ்சல் வரும். சமர்ப்பிப்புகள் உங்கள் வேர்ட்பிரஸ் டாஷ்போர்டிலும் காப்புப்பிரதியாக சேமிக்கப்படும்.
தொடர்பு படிவம் மொபைலுக்கு ஏற்றதா?
ஆம். ஆட்டோ ஃபார்ம் பில்டரைப் பயன்படுத்தி உருவாக்கப்பட்ட அனைத்து படிவங்களும் முழுமையாகப் பதிலளிக்கக்கூடியவை மற்றும் தொலைபேசிகள், டேப்லெட்டுகள் மற்றும் டெஸ்க்டாப் கணினிகளில் சிறப்பாகத் தெரிகின்றன.
எனது படிவத்தை ஸ்பேமிலிருந்து எவ்வாறு பாதுகாப்பது?
ஆட்டோ ஃபார்ம் பில்டர், கூகுள் ரீகேப்சா மற்றும் கிளவுட்ஃபிளேர் டர்ன்ஸ்டைல் உள்ளிட்ட ஸ்பேம் பாதுகாப்பு துணை நிரல்களை வழங்குகிறது.
அடுத்த படிகள்
இப்போது உங்கள் WordPress வலைத்தளத்தில் ஒரு தொடர்பு படிவம் உள்ளது, இந்த மேம்பாடுகளைக் கவனியுங்கள்:
- உங்கள் தொடர்பு படிவத்தை அடிக்குறிப்பில் சேர்க்கவும். – ஒவ்வொரு பக்கத்திலிருந்தும் அதை அணுகக்கூடியதாக மாற்றவும்
- கருத்து படிவத்தை உருவாக்கவும் - வாடிக்கையாளர் மதிப்புரைகள் மற்றும் சான்றுகளை சேகரிக்கவும்.
- செய்திமடல் பதிவு படிவத்தை உருவாக்குங்கள். - உங்கள் மின்னஞ்சல் பட்டியலை வளர்க்கவும்.
- ஸ்பேம் பாதுகாப்பைச் சேர்க்கவும் – அதிக போக்குவரத்து உள்ள தளங்களுக்கு reCAPTCHA ஐ இயக்கவும்.
தீர்மானம்
WordPress இல் தொடர்பு படிவத்தை உருவாக்க எந்த குறியீட்டுத் திறனும் தேவையில்லை. தானியங்கி படிவம் உருவாக்குபவர், நீங்கள் 5 நிமிடங்களுக்குள் ஒரு தொழில்முறை, மொபைல்-பதிலளிக்கக்கூடிய தொடர்பு படிவத்தை உருவாக்கலாம்—முற்றிலும் இலவசம்.
இழுத்து விடுதல் இடைமுகம் தொடக்கநிலையாளர்களுக்கு எளிதாக்குகிறது, அதே நேரத்தில் உள்ளமைக்கப்பட்ட சமர்ப்பிப்பு மேலாண்மை வாடிக்கையாளர் விசாரணையை நீங்கள் ஒருபோதும் தவறவிடாமல் இருப்பதை உறுதி செய்கிறது. கூடுதலாக, உங்கள் எல்லா தரவும் உங்கள் சொந்த WordPress சர்வரில் பாதுகாப்பாக இருக்கும்.
உங்கள் தொடர்பு படிவத்தை உருவாக்க தயாரா? ஆட்டோ படிவ பில்டரைப் பதிவிறக்கவும் வேர்ட்பிரஸ் செருகுநிரல் களஞ்சியத்திலிருந்து இன்றே தொடங்குங்கள்.