গ্র্যাভিটি ফর্ম এলিমেন্টর উইজেট: সিএসএস ছাড়াই গ্র্যাভিটি ফর্ম যোগ করুন এবং স্টাইল করুন
গ্র্যাভিটি ফর্ম হল মাস্টার অ্যাডঅন-এর একটি প্রো উইজেট যা একটি এলিমেন্টর পৃষ্ঠায় যেকোনো গ্র্যাভিটি ফর্ম রাখে এবং আপনাকে প্যানেল থেকে স্টাইল করতে দেয়। একটি ড্রপডাউন থেকে ফর্মটি বেছে নিন, 11টি ডিজাইনের বৈচিত্রের একটি থেকে শুরু করুন, তারপর লেবেল, ক্ষেত্র, চেকবক্স, জমা বোতাম, বহু-পৃষ্ঠার অগ্রগতি বার এবং ত্রুটি বার্তাগুলি সামঞ্জস্য করুন৷ আপনি গ্র্যাভিটি ফর্মগুলিতে যেভাবে তৈরি করেছেন ফর্মটি ঠিক সেভাবেই কাজ করে চলেছে৷।
11টি রেডিমেড ফর্ম ডিজাইন
ডিজাইন ভেরিয়েশন ড্রপডাউনে 11টি স্টাইল রয়েছে। একটি প্রারম্ভিক বিন্দু হিসাবে একটি চয়ন করুন, তারপর স্টাইল ট্যাবে আপনার পছন্দ মতো কিছু পরিবর্তন করুন। এছাড়াও আপনি গ্র্যাভিটি ফর্মে সেট করা শিরোনাম এবং বিবরণ লুকিয়ে রাখতে পারেন এবং পরিবর্তে এলিমেন্টরে একটি কাস্টম শিরোনাম লিখতে পারেন।
- এক ড্রপডাউন থেকে 11টি ডিজাইনের বৈচিত্রের মধ্যে স্যুইচ করুন।
- ফর্মের শিরোনাম, বিবরণ, লেবেল এবং স্থানধারক দেখান বা লুকান।
- ফর্মটি সম্পাদনা না করে একটি কাস্টম শিরোনাম এবং বিবরণ যোগ করুন।
ক্ষেত্র, চেকবক্স এবং রেডিও বোতাম স্টাইলিং
ইনপুট এবং টেক্সটেরিয়াগুলি একটি পৃথক ফোকাস অবস্থা সহ পটভূমি, পাঠ্যের রঙ, সীমানা, ব্যাসার্ধ, বক্স ছায়া এবং টাইপোগ্রাফি পায়। ইনপুট এবং টেক্সটেরিয়ার জন্য স্বাধীনভাবে প্রস্থ এবং উচ্চতা সেট করুন, প্লাস প্যাডিং এবং টেক্সট ইন্ডেন্ট। রেডিও বোতাম এবং চেকবক্সে স্বাভাবিক এবং চেক করা অবস্থার জন্য কাস্টম আকার, রঙ এবং সীমানা ব্যাসার্ধ থাকতে পারে।
- ইনপুট ক্ষেত্রের জন্য সাধারণ এবং ফোকাস অবস্থা।
- ইনপুট এবং টেক্সটেরিয়ার জন্য আলাদা প্রস্থ এবং উচ্চতা।
- কাস্টম রেডিও এবং চেকবক্স শৈলী, বিভাগ বিভাজক এবং পণ্য মূল্য রং।
বোতাম, বহু-পৃষ্ঠা ফর্ম এবং বার্তা জমা দিন
সাবমিট বোতামটি স্বয়ংক্রিয়ভাবে, সম্পূর্ণ প্রস্থ বা একটি কাস্টম প্রস্থ করুন, তারপর হোভার রঙের সাথে এর রঙ, সীমানা, ব্যাসার্ধ, প্যাডিং, বক্স শ্যাডো এবং টাইপোগ্রাফি স্টাইল করুন। মাল্টি-পেজ ফর্মগুলি পৃষ্ঠা বোতাম এবং অগ্রগতি বারের জন্য স্টাইলিং পায়। ত্রুটি বার্তা, অবৈধ ক্ষেত্র এবং ধন্যবাদ বার্তা প্রতিটির নিজস্ব রঙ সেটিংস আছে এবং আপনি ত্রুটি বার্তা সম্পূর্ণরূপে লুকাতে পারেন।
- হোভার রং সহ স্বয়ংক্রিয়, সম্পূর্ণ প্রস্থ বা কাস্টম প্রস্থ জমা বোতাম।
- মাল্টি-পেজ ফর্মের জন্য পৃষ্ঠা বোতাম এবং অগ্রগতি বার স্টাইলিং।
- ত্রুটি বার্তা, অবৈধ ক্ষেত্র এবং ধন্যবাদ বার্তার জন্য রং।
এলিমেন্টরের শর্টকোড উইজেট বনাম গ্র্যাভিটি ফর্ম উইজেট
Elementor এর বিনামূল্যের শর্টকোড উইজেট এর সাথে একটি গ্র্যাভিটি ফর্মও দেখাতে পারে [gravityform id="1"]। ফর্মটি কাজ করে, তবে এটি আপনার থিম এবং গ্র্যাভিটি ফর্ম স্টাইল দেখায় এবং এটি পরিবর্তন করার অর্থ হল CSS লেখা।
| শর্টকোড উইজেট | মাস্টার অ্যাডনস গ্র্যাভিটি ফর্ম | |
|---|---|---|
| দাম | বিনামূল্যে | মাস্টার অ্যাডনস প্রো |
| ফর্ম নির্বাচন করা হচ্ছে | একটি শর্টকোডে ফর্ম আইডি টাইপ করুন | ড্রপডাউন থেকে এটি বেছে নিন |
| রেডিমেড ডিজাইন | কোনোটিই নয় | 11 ডিজাইনের বৈচিত্র |
| ক্ষেত্র এবং বোতাম স্টাইলিং | কাস্টম সিএসএস | স্টাইল ট্যাব, ফোকাস এবং হোভার স্টেট সহ |
| অগ্রগতি বার এবং ত্রুটি স্টাইলিং | কাস্টম সিএসএস | শৈলী ট্যাব |
| মোবাইল সমন্বয় | CSS মিডিয়া প্রশ্ন | আকার এবং ব্যবধানের জন্য প্রতিক্রিয়াশীল নিয়ন্ত্রণ |
একটি ভিন্ন ফর্ম প্লাগইন ব্যবহার করে? মাস্টার অ্যাডন-এর জন্য বিনামূল্যে স্টাইলিং উইজেট রয়েছে যোগাযোগ ফর্ম 7, WPForms, নিনজা ফর্ম এবং weforms.
এলিমেন্টরে কীভাবে একটি মাধ্যাকর্ষণ ফর্ম যুক্ত করবেন
আপনার অন্তত একটি ফর্ম তৈরি করা গ্র্যাভিটি ফর্ম এবং মাস্টার অ্যাডনস প্রো দরকার৷ তারপর এই পদক্ষেপগুলি অনুসরণ করুন:
- মাস্টার অ্যাডঅন ড্যাশবোর্ডে গ্র্যাভিটি ফর্ম উইজেট চালু করুন।
- Elementor-এ আপনার পৃষ্ঠা খুলুন, "Gravity Forms" এর জন্য উইজেট প্যানেল অনুসন্ধান করুন এবং মাস্টার অ্যাডঅন উইজেটটিকে জায়গায় টেনে আনুন।
- যোগাযোগ ফর্ম ড্রপডাউনে আপনার ফর্ম চয়ন করুন।
- 11টি ডিজাইনের বৈচিত্রের মধ্যে একটি বেছে নিন।
- ফর্মের শিরোনাম, বিবরণ, লেবেল এবং স্থানধারক দেখাবেন কিনা তা নির্ধারণ করুন। পৃষ্ঠাটি পুনরায় লোড না করে ফর্ম জমা দিতে Ajax ব্যবহার করুন চালু করুন।
- রঙ, সীমানা, ব্যবধান এবং টাইপোগ্রাফি সেট করতে স্টাইল ট্যাব খুলুন, তারপর প্রকাশ করুন।
ড্রপডাউন খালি থাকলে, গ্র্যাভিটি ফর্মগুলি সক্রিয় আছে এবং আপনি একটি ফর্ম তৈরি করেছেন কিনা তা পরীক্ষা করুন৷।
মাধ্যাকর্ষণ ফর্মের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমার কি গ্র্যাভিটি ফর্ম প্লাগইন ইনস্টল করা দরকার?
হ্যাঁ। উইজেট শৈলীগুলি আপনি গ্র্যাভিটি ফর্মগুলিতে তৈরি করেন, যাতে প্লাগইনটি ইনস্টল এবং সক্রিয় থাকতে হবে। এটি ছাড়া, উইজেট আপনাকে গ্র্যাভিটি ফর্মগুলি সক্রিয় করতে বলে একটি বিজ্ঞপ্তি দেখায়৷।
আমি কিভাবে এলিমেন্টরে একটি মাধ্যাকর্ষণ ফর্ম যোগ করব?
গ্র্যাভিটি ফর্ম ইনস্টল করুন এবং আপনার ফর্ম তৈরি করুন। এলিমেন্টরে, মাস্টার অ্যাডনস গ্র্যাভিটি ফর্ম উইজেটটি পৃষ্ঠায় টেনে আনুন, যোগাযোগ ফর্ম ড্রপডাউনে ফর্মটি চয়ন করুন, একটি ডিজাইনের বৈচিত্র চয়ন করুন এবং স্টাইল ট্যাবে এটি স্টাইল করুন৷ দ্য উপরে ধাপে ধাপে নির্দেশিকা প্রতিটি সেটিং কভার করে।
আমি কি মোবাইল ডিভাইসে ফর্মগুলিকে প্রতিক্রিয়াশীল করতে পারি?
হ্যাঁ। অনেক আকার, ব্যবধান এবং প্রান্তিককরণ নিয়ন্ত্রণের আলাদা ডেস্কটপ, ট্যাবলেট এবং মোবাইল মান রয়েছে, তাই আপনি ছোট পর্দার জন্য প্যাডিং, ক্ষেত্রের প্রস্থ এবং বোতামের প্রস্থ পরিবর্তন করতে পারেন।
শর্তসাপেক্ষ যুক্তি এবং মাধ্যাকর্ষণ ফর্ম অ্যাড-অন এখনও কাজ করবে?
হ্যাঁ। উইজেটটি গ্র্যাভিটি ফর্মের মাধ্যমেই আপনার ফর্ম আউটপুট করে, তাই শর্তসাপেক্ষ যুক্তি, বহু-পৃষ্ঠা ফর্ম এবং অ্যাড-অনগুলি আপনি যেভাবে সেট আপ করেন সেভাবে কাজ করে৷ উইজেট শুধুমাত্র ফর্ম দেখতে কিভাবে পরিবর্তন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
