ทีม Elementor เขียน: วิธีสร้างไซต์ที่ซับซ้อนและแอปพลิเคชันเว็บด้วยเนื้อหาแบบไดนามิก

เผยแพร่แล้ว: 2020-11-13

เกี่ยวกับผู้แต่ง: Mati Horovitz หัวหน้าทีม Full Stack @ Elementor

Mati ใช้ชีวิตและใช้โค้ดและเทคโนโลยี สนุกกับการเขียนโพสต์ในบล็อกของเขา และตอบคำถามที่ Quora

Elementor เติบโตขึ้นจนเป็นผู้สร้างเว็บไซต์อันดับต้นๆ ใน WordPress แต่ความจริงที่ไม่ค่อยมีใครรู้ก็คือ คุณสามารถใช้มันเพื่อสร้างมากกว่าเว็บไซต์ อันที่จริง มันช่วยให้คุณสร้างเว็บไซต์ที่ซับซ้อนและล้ำหน้ายิ่งขึ้น และแม้กระทั่งเว็บแอปพลิเคชันเต็มรูปแบบ

ถูกตัอง! ด้วยคุณสมบัติมากมายของ Elementor และความยืดหยุ่นในการผสานรวมกับซอฟต์แวร์อื่น คุณจะไม่ถูกขัดขวางในการใช้ความคิดสร้างสรรค์ของคุณอีกต่อไป คุณสามารถใช้เพื่อแก้ปัญหาในลักษณะเฉพาะและเฉพาะกรณีและรวมแอปพลิเคชันอื่นๆ เพื่อให้ได้ผลลัพธ์ที่ต้องการ

ในบทความนี้ เราขอเสนอตัวอย่างในชีวิตจริงว่า Elementor ช่วยทีมประสบการณ์ลูกค้าใน Elementor แทนที่แอปที่ซับซ้อนได้อย่างไร ซึ่งช่วยให้เราแก้ปัญหาท้าทายขององค์กรได้กระชับ โดยใช้ทรัพยากรและบุคลากรน้อยลงมาก โซลูชันที่เราสร้างขึ้นนั้นแตกต่างจากการสร้างเว็บไซต์ทั่วไปที่ผู้ใช้โต้ตอบกับอินเทอร์เฟซและไม่เพียงอ่านเท่านั้น

แต่ก่อนอื่น มากำหนดปัญหาที่เราเผชิญกันก่อน

สร้างไซต์ขั้นสูงด้วยเนื้อหาแบบไดนามิก!

ความท้าทายในการพัฒนาแอปพลิเคชัน

ปีที่แล้ว เราจำเป็นต้องแก้ปัญหา — ค้นหาวิธีคัดกรองผู้สมัครที่ต้องการทำงานในแผนกสนับสนุนของเรา

เราต้องการให้พวกเขาตอบปัญหาที่เกี่ยวข้องกับ WordPress โดยพื้นฐานแล้ว ในการทดสอบผู้สมัครเหล่านี้ เราจำเป็นต้องจัดหาเว็บไซต์ที่มีข้อผิดพลาดที่พวกเขาต้องแก้ไข เพื่อแสดงความเข้าใจและความรู้เกี่ยวกับ WordPress และข้อผิดพลาดต่างๆ

นอกจากนี้ เราจำเป็นต้องซิงค์เว็บไซต์ที่มีข้อผิดพลาดนี้กับแบบฟอร์มการทดสอบที่ผู้สมัครได้รับ

กระบวนการคัดกรองพนักงานทั้งหมดประกอบด้วย:

  1. เมื่อสมัครสำเร็จ ฝ่ายทรัพยากรบุคคลของเราจะส่งแบบทดสอบไปยังผู้สมัคร
  2. การทดสอบประกอบด้วยคำถามและลิงก์ไปยังเว็บไซต์เฉพาะที่มีข้อผิดพลาดเฉพาะ
  3. ผู้สมัครจะเขียนคำตอบลงในช่องคำตอบของข้อสอบ
  4. คำตอบจะถูกส่งไปยังไฟล์ Google ชีตเพื่อให้ทีมของเราตรวจสอบ

เพื่อให้กระบวนการนี้เป็นไปได้ เราจำเป็นต้องรวมและรวมแอปพลิเคชันต่างๆ

วิธีแก้ปัญหา: ผสมผสานคุณสมบัติองค์ประกอบขั้นสูง 4 อย่างเข้าด้วยกัน

ในการสร้างโซลูชันการทดสอบพนักงานแบบโต้ตอบนั้นเกี่ยวข้องกับการใช้คุณลักษณะต่างๆ ของ Elementor อย่างสร้างสรรค์เพื่อสร้างหน้าทดสอบ

elementor-practice-test

ในการสร้างการทดสอบ เราใช้คุณสมบัติ Elementor ต่อไปนี้:

  1. ตัวสร้างธีม – เพื่อตั้งค่าหน้าทดสอบใหม่อย่างรวดเร็ว
  2. ตัวสร้างแบบฟอร์ม – สำหรับคำตอบที่จะส่งและส่งเพื่อตรวจสอบ
  3. เนื้อหาแบบไดนามิก – เพื่อเติมการทดสอบด้วยคำถาม
  4. การดำเนินการหลังจากส่ง (ภายในแบบฟอร์ม Elementor) – เพื่อส่งและบันทึกคำตอบไปยัง Google ชีต

1. ตัวสร้างธีม

Theme Builder

เลย์เอาต์ของหน้าทดสอบถูกสร้างขึ้นด้วย Theme Builder ของ Elementor เป็นเทมเพลตเดียวที่ดึงการทดสอบเป็นฟอร์มที่มีเนื้อหาแบบไดนามิก

สิ่งนี้ทำให้ HR สามารถตั้งค่าหน้าทดสอบใหม่ (ซึ่งเป็น ประเภทโพสต์แบบกำหนดเองที่ เราสร้างขึ้นบน WordPress) ได้อย่างง่ายดายมาก และส่งไปยังผู้สมัครเมื่อจำเป็น

2. วิดเจ็ตแบบฟอร์ม

Form Widget

เราใช้ Form Widget ของ Elementor เพื่อให้แน่ใจว่าผู้สมัครของเรามีวิธีการสื่อสารคำตอบอย่างมีประสิทธิภาพ แบบฟอร์มที่ส่งถูกแยกไปยัง Google ชีตในภายหลัง

3. เนื้อหาแบบไดนามิก

Dynamic Content

เราใช้ Digital Ocean ซึ่งเป็นบริษัทที่ให้บริการคลาวด์แก่นักพัฒนาที่ช่วยพวกเขาปรับใช้และปรับขนาดแอปพลิเคชันที่ทำงานพร้อมกันบนเซิร์ฟเวอร์หลายเครื่อง เพื่อสร้างเซิร์ฟเวอร์ที่มีการตั้งค่าเว็บไซต์ที่แตกต่างกัน 5 แบบ โดยแต่ละรายการมีจุดบกพร่องที่ไม่ซ้ำกัน จากนั้นเราได้ถ่ายภาพสแนปชอตของเซิร์ฟเวอร์ ซึ่งทำให้เราสามารถกู้คืนได้อย่างเต็มที่ตามต้องการ (หลังจากการทดสอบแต่ละครั้ง)

หากต้องการขยายเพิ่มเติม เมื่อมีการสร้างการทดสอบใหม่ ระบบจะแจ้ง Digital Ocean ผ่านคำขอ API ให้ใช้สแน็ปช็อตเพื่อสร้างเซิร์ฟเวอร์ที่มีเว็บไซต์ 5 แห่งที่มีข้อผิดพลาด จากนั้น ที่อยู่ IP ของเซิร์ฟเวอร์จะถูกส่งไปยัง Elementor และรวมเข้ากับการทดสอบโดยใช้เนื้อหาแบบไดนามิก ด้วยวิธีนี้ คำถามแต่ละข้อจะมีลิงก์ตรงไปยังไซต์ที่มีข้อผิดพลาด

4. การดำเนินการหลังจากส่ง

actions-after-submit

เมื่อผู้สมัครกรอกแบบทดสอบเสร็จแล้วก็ยื่นแบบทดสอบ การทดสอบที่ส่งมาพร้อมคำตอบจะถูกส่งไปยัง Google ชีตเพื่อให้ฝ่ายทรัพยากรบุคคลตรวจสอบ

สร้างเว็บไซต์ที่ซับซ้อนด้วย Elementor และ Dynamic Content

ด้วยเครื่องมือ SaaS ส่วนใหญ่ คุณจะถูกจำกัดด้วยตัวเลือกที่ซอฟต์แวร์สร้างขึ้นสำหรับคุณ คุณถูกจำกัดให้คิดในกล่อง ดังนั้นพูดหรือพูดให้ถูกก็คือ การกระทำภายในชุดของกฎเกณฑ์

ความงดงามของแพลตฟอร์มโอเพ่นซอร์สคือคุณสามารถขยายไปสู่ความต้องการเฉพาะของคุณเองได้ คุณสามารถคิดนอกกรอบและใช้ความคิดสร้างสรรค์ของคุณ

เช่นเดียวกับกรณีของ Elementor ที่นี่ นอกจากเครื่องมือของ Elementor แล้ว เรายังผสานรวมไม่เพียงแค่ Google ชีตเท่านั้น แต่ยังรวมถึงเครื่องมือสร้างเซิร์ฟเวอร์ที่ซับซ้อนอย่าง Digital Ocean ด้วย

ความสามารถในการรวมเครื่องมือ Elementor ช่วยให้คุณมีความยืดหยุ่นในการแก้ปัญหาเฉพาะตัว และพลังในการสร้างไซต์ที่ซับซ้อนได้อย่างรวดเร็ว ง่ายดาย และไม่มีค่าใช้จ่ายที่ไม่จำเป็น

คุณเคยใช้ Elementor นอกขอบเขตของ "ตัวสร้างเว็บไซต์" แบบธรรมดาหรือไม่? แจ้งให้เราทราบในความคิดเห็น.