যেকোনো সাইটে MailChimp সাইন আপ ফর্ম এনাবল করার পদ্ধতি।

আমরা যখন বিভিন্ন সাইট ডেভেলপ করি তখন বিভিন্ন ধরনের ই-মেইল ফর্ম লাগে। আমরা বিভিন্ন ধরণের ই-মেইল ক্লায়েন্ট ব্যবহার করি। আমি MailChimp থেকে এনাবল করার পদ্ধতি বর্ণনা করছি। এই পদ্ধতিটি সকল স্ট্যাটিক ও ডায়নামিক সাইটের জন্য প্রযোজ্য। ধাপগুলো হল----

১. প্রথমে আপনি http://mailchimp.com/ এ যান।
২. একাউন্ট থাকলে লগিন করুন আর না থাকলে সাইন-আপ করে লগিন করুন।
৩. আপনাকে ড্যাশবোর্ড দেখানো হবে। সেখান থেকে বামপাশে থাকা Lists -এ ক্লিক করুন।
৪. ডানপাশে থাকা  Creat List বাটনে ক্লিক করুন।
৫. তারপর Creat List নামে একটা পেজ আসবে, সেখান থেকে List Details -এর সকল তথ্য পুরণ করে সেভ বাটনে ক্লিক করুন।
৬. এবার আপনাকে নতুন একটা পেজ দেখবেন। সেখান থেকে Signup Forms -এ ক্লিক করুন। এরপর Embedded forms -এ ক্লিক করুন।
৭. আপনি  এখান থেকে অনেক ধরনের ফর্ম তৈরি করতে পারবেন। আপনি আপনার পছন্দমত ফিল্ড তৈরি করে নিন।
৮. আপনি যদি তাদের ডিজাইন নিতে চান তাহলে ডানপাশে Preview -এর নিচে Copy/paste onto your site -এর বক্স থেকে কোডগুলো কপি করে নিন। কিন্তু আপনি যদি তাদের ডিজাইন না চান অর্থাৎ আপনি আপনারমত ডিজাইন করতে চান তাহলে Embedded form code -এর নিচে থাকা  Naked -এ ক্লিক করুন। আপনার প্রয়োজনমত ফিল্ড সিলেক্ট করে নিন। তারপর Copy/paste onto your site নামের বক্স থেকে কোডগুলো কপি করে নিন।
৯।. যেমন আমি শুধুমাত্র ই-মেইল ফিল্ড নিলাম। নিচের কোডটি পেলাম। আপনিও এমন একটি কোড পাবেন।
<code>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
    <form action="http://facebook.us8.list-manage.com/subscribe/post?u=49313d225aa7aeb15c3dc85cc&amp;id=e0b9554dc5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div class="mc-field-group">
            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
</div>
<!--End mc_embed_signup--></code>
১০. এখান থেকে আপনার কোনো হেডিং প্রয়োজন না হলে <code> <h2>Subscribe to our mailing list</h2></code> লাইনটি কেটে দিন। আর প্রয়োজন হলে আপনার মত করে টেক্সট লিখুন।
১১. <code> <div class="indicates-required"><span class="asterisk">*</span> indicates required</div></code> এই লাইনটিও কেটে দিতে পারেন।
১২. নিচের লাইনগুলোও কেটে দিন।
        <code><div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div style="position: absolute; left: -5000px;"><input type="text" name="b_49313d225aa7aeb15c3dc85cc_e0b9554dc5" value=""></div></code>
১৩.  লেভেলের প্রয়োজন না হলে নিচের লাইনটিও কেটে দিন।
            <code><label for="mce-EMAIL">Email Address  <span class="asterisk">*</span></label></code>
১৪. কোডটি দেখতে এমন হবে।
<code><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
    <form action="http://facebook.us8.list-manage.com/subscribe/post?u=49313d225aa7aeb15c3dc85cc&amp;id=e0b9554dc5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div class="mc-field-group">
            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
</div>
<!--End mc_embed_signup--></code>
১৫. এখন আপনার ইচ্ছামত সিএসএস দিয়ে ডিজাইন করুন।
১৬. আপনি যদি চান ইমেইলটা ভেলিডেট হল কিনা তা দেখাবে তাহলে novalidate এর স্থলে validate দিন। এবং <code><input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"></code> টিকে পরিবর্তন করে<code> <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required></code> এই লাইন দিন।
১৭. সবশেষে কোডটি দেখতে এমন হবে--
<code><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
    <form action="http://facebook.us8.list-manage.com/subscribe/post?u=49313d225aa7aeb15c3dc85cc&amp;id=e0b9554dc5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" validate>
        <div class="mc-field-group">
            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required>
        </div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
</div>
<!--End mc_embed_signup--></code>

কারো কোনো কিছু বুঝতে সমস্যা হলে কমেন্ট করে জানান।