How to integrate Signup Form with your website.
โดยปรกติการเก็บข้อมูลลูกค้าของคุณอาจได้จากการรับสมัครสมาชิก ซึ่งวิธีการนั้นอาจให้ลูกค้ากรอกรายละเอียดแต่ในหลายๆครั้งคุณอาจเสียโอกาสเหล่านั้นเนื่องจาก ลูกค้า ไม่อยากเสียเวลาในการกรอกข้อมูลหรือบางครั้งข้อมูลที่ให้ลูกค้ากรอกนั้นมีมากเกินไป หรือในบางครั้งการที่จะเป็นสมาชิกนั้นมีค่าใช้จ่ายอีกด้วย ปัญหาที่ได้กล่าวมานี้นั้นเป็นสาเหตุส่วนหนึ่งที่ทำให้คุณเสียโอกาสที่จะได้รับข้อมูลของลูกค้า ในความเป็นจริงข้อมูลลูกค้าที่เราต้องการนั้นเพียงแค่ ชื่อ-นามสกุล และช่องทางการติตต่อ (โทรศัพท์, Email ) ต่อมา วิธีการเพื่อให้ได้ข้อมูลเหล่านั้นมานั้นมีหลากหลายวิธีขึ้นอยู่กับ เทคนิคของแต่ละบุคคล
ด้วยระบบของ DeeMocDIY จะช่วยให้คุณเพิ่มฐานข้อมูลของลูกค้าคุณได้ง่ายๆดังรูปภาพ

ส่วนวิธีการใช้งานนั้นแสนจะง่ายครับ เพียงแค่หากคุณได้สร้าง Contact List เอาไว้ที่ระบบ DeeMocDIY เรียบร้อยแล้ว และต้องการนำ Sign up Form ไปใช้งานนั้น เริ่มโดย
1. Login เข้าสู่ระบบ

การใช้ AJAX สร้าง Sign up Form Part II
คราวที่แล้ว เราพูดถึงเรื่องการสร้าง Form จาก AJAX ครับ ต่อมา มีผู้ใช้งาน DeeMocDiy บางท่าน ส่งอีเมลมาถึง
Mr. Moc ให้ช่วยเขียนถึงเรื่องการเพิ่ม Field เข้าไป form ที่เราได้สร้างเอาไว้แล้ว ส่วนจะสนุกสนานเพียงใด มาดูกันได้ครับ

1. ก่อนอื่น เพิ่ม Fileds ที่เราต้องการก่อน:
<code><label>Psssword </label><input type=’password’ id=’password’ name=’password’/></code>
<code><label>Confirm PAssword</label><input type=’confirm_password’ id=’confirm_password’ name=’confirm_password’/></code>
2. เพิ่มการดักจับและเอาข้อมูลจาก Text Field ที่เราเพิ่มขึ้น
var password = document.getElementById(’password’).value;;
var confirm_password = document.getElementById(’ confirm_password’).value
3. เพิ่มส่วนของการส่งข้อมูลไปยัง ปลายทางของ AJAX message
url=url+”&password=”+password;
url=url+”& confirm_password=”+confirm_password;
4. จากนั้นตรงปลายทาง “signup.php”
Running Number
การส่งเสริมการขายโดยใช้คูปองผ่าน Email Marketing:
คุณสนใจที่จะทำการส่งเสริมการขายโดยใช้คูปองผ่าน Email Marketing หรือไม่ เพียงเพื่อคุณทำตามขั้นตอนเหล่านี้และให้ผู้รับ Email ของคุณพิมพ์ Email นั้นออกมา
คุณสามารถทำคูปองแบบ unique running number ได้โดยการใช้ Insert a personalized item (แทรกรายการที่กำหนดเอง) ซึ่งเครื่องมือที่มีอยู่ในระบบของ DeeMocDIY โดยเลือกใช้
[id]-[mailing id]-[email]
ซึ่งแต่ละชุดคำสั่งมีความหมายดังนี้
[id] => เป็น id ของอีเมลแต่ละอัน ซึ่งอยู่ภายใน Contact List (รายชื่อผู้รับ)ของคุณ
[mailing id] => คือ id ของอีเมลฉบับที่กำลังสร้างอยู่(แต่ละฉบับจะไม่ซ้ำกัน)
[email] => อีเมลของผู้รับ(แต่ละคนจะได้ของตัวเองเท่านั้น)
อีเมลที่ได้รับจะมี Running No. แบบนี้ (ดูรูปข้างล่าง)ในวงกลมสีแดงจะเห็นว่าแต่ละคนจะได้รับ ID และ Email ที่ไม่ซ้ำกัน แต่ MailingID จะเป็นเลขชุดเดียวกัน
รูปแสดงอีเมลที่ได้รับ
เพียงผู้รับอีเมลฉบับนี้พิมพ์ออกมา ก็จะได้คูปองซึ่งจะเป็นที่เป็น Unique
How to Code HTML Email Newsletter : Part II Inline Style Sheet
สวัสดีครับ ครั้งที่แล้วผมเขียนเรื่องการ Design หน้า content แบบ HCF (Header Content and Footer) โดย การใช้ Table เพื่อควบคุม Layout ทั้งหมดใน Email ไปแล้ว คราวนี้ เราจะมาเจาะลึกการทำ Inline Style Sheet ใส่ Email ของเราบ้างเพื่อความสวยงามครับ
การกำหนด Style Sheets แบบ Inline ก็คือการกำหนดรูปแบบการแสดงผลของ Tag ภายใน Tagนั้น ๆ เลย โดยจะมีผลต่อ Tag นั้น ๆ Tag เดียวที่เราทำการกำหนด Style ให้มัน โดยใช้ Attribute “style” ภายใน Tag ที่ต้องการกำหนดให้ เราลองไปดูตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet กันครับ
ตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet
<tablestyle='border: 1px solid black; margin: auto;"><tr><tdstyle="text-align: right; font-size: 18pt;">
การใช้ AJAX สร้าง Sign up Form
การใช้ AJAX สร้าง Sign up Form

AJAX = Asynchronous JavaScript and XML
AJAX ไม่ใช่ภาษา Programming ใหม่ แต่เป็นเทคนิคและวิธีการที่ทำให้เราทำงานได้เร็วขึ้น ง่ายขึ้น มีการโต้ตอบกันสวยงามขึ้นบนหน้าเว็บ
AJAX สามารถติดต่อไปยัง Server ดโดยตรงได้โดยการใช้ XMLHttpRequest object. ด้วย object ตัวนี้ (มาพร้อมกับ Javascript) ทำให้เราสามารถรับ-ส่งข้อมูลได้โดยไม่ต้องมีการ Refresh หน้าจอ
AJAX สามารถแลกเปลี่ยนข้อมูลที่ไม่มากนัก เพราะฉะนั้้นเราไม่ควรพยายามที่จะส่งหน้า Page ทั้งหน้า (พวกทีมี Javascript และ Flash เยอะๆ)
เริ่มสร้างกันเลย
ขั้นตอนที่ 1 . สร้าง Sign up Form ปล่าวๆ ตัว form ที่ใช้กับ AJAX อาจจะแปลกนิดนึงตรงที่เราไม่จำเป็นต้องมี action attribute ของ <form> tag เพราะเราจะใช้ความสามารถของ DOM เพื่อใช้งาน Object ต่างๆบนหน้า HTML document.






