10 Divi Sites พร้อมหน้าคำถามที่พบบ่อย

เผยแพร่แล้ว: 2018-08-13

หน้าสำหรับคำถามที่พบบ่อย (FAQ) เหมาะอย่างยิ่งสำหรับการให้คำตอบที่ลูกค้าต้องการสำหรับคำถามทั่วไป ซึ่งจะช่วยให้พวกเขาเข้าใจถึงความเชี่ยวชาญของคุณและทำให้พวกเขารู้ว่าจะเกิดอะไรขึ้น มีหลายวิธีในการสร้างหน้าคำถามที่พบบ่อยด้วย Divi ในบทความนี้เราจะดู 10 ไซต์ Divi พร้อมหน้าคำถามที่พบบ่อยเพื่อช่วยสร้างแรงบันดาลใจให้คุณสำหรับเว็บไซต์ Divi ถัดไปของคุณ

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

1. Eddy Solutions

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

ดูเว็บไซต์

2. All Girl Shave Club

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

ดูเว็บไซต์

3. Sparkly Maids

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

ดูเว็บไซต์

4. สุภาพบุรุษสกปรก

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

ดูเว็บไซต์

5. LaRox

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

ดูเว็บไซต์

6. Xcellence Reality

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

ดูเว็บไซต์

7. ฟิล ไซม่อน

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

ดูเว็บไซต์

8. การสร้างแบรนด์ที่กวนใจ

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

ดูเว็บไซต์

9. Emlekek Konyve

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

ดูเว็บไซต์

10. Perry Yan Magic

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

ดูเว็บไซต์

จบความคิด

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

มีบทความเกี่ยวกับการออกแบบและวิธีใช้มากมายที่บล็อก ET ซึ่งครอบคลุมหน้าและโมดูลคำถามที่พบบ่อย เช่น หีบเพลง สลับ และแท็บ ฉันได้รวมลิงก์ไปยังบทช่วยสอนเหล่านั้นรวมถึงหน้าคำถามที่พบบ่อยสำหรับ Divi Layout Packes ฟรี

  • ชุดเค้าโครงคำถามที่พบบ่อย Divi ฟรีคือคำตอบสำหรับการออกแบบหน้าคำถามที่พบบ่อยที่น่าเบื่อ
  • Divi สามารถช่วยคุณแนะนำผู้เข้าชมผ่านเว็บเพจขนาดยาวได้อย่างไร
  • 3 องค์ประกอบโมดูล Divi ที่อาจถูกมองข้ามซึ่งคุณสามารถจัดแต่งทรงผมได้ (และอย่างไร)
  • หน้าคำถามที่พบบ่อยของนักบำบัดโรค
  • หน้าคำถามที่พบบ่อยของนักบัญชี
  • หน้าคำถามที่พบบ่อยของผู้เขียนคำโฆษณา
  • หน้าคำถามที่พบบ่อยเกี่ยวกับสกุลเงินดิจิทัล
  • หน้าคำถามที่พบบ่อยของสำนักงานแพทย์

เราต้องการได้ยินจากคุณ เว็บไซต์ใดต่อไปนี้ที่มีหน้าคำถามที่พบบ่อยสุดเจ๋งที่คุณชอบ? แจ้งให้เราทราบในความคิดเห็น.