บล็อกข้อมูลสำเร็จรูป

คุณสามารถออกแบบเว็บไซต์ของคุณโดย:ref:การลากและวางบล็อกการสร้าง <website/building_blocks/add> จากนั้น:ref:`แก้ไขบล็อก <website/building_blocks/edit>`ให้เหมาะกับเนื้อหาและความต้องการเค้าโครงของคุณ

ดูเพิ่มเติม

`คู่มือการใช้งาน Odoo: ออกแบบเว็บไซต์ของคุณ: ข้อความและสี<https://www.odoo.com/slides/slide/design-your-website-text-and-colors-6930?fullscreen=1>`_

เพิ่มบล็อกการสร้าง

เมื่อต้องการเพิ่มบล็อกลงใน:doc:หน้าเว็บไซต์ <../structure/pages> ให้เข้าถึงหน้านั้น คลิก:guilabel:แก้ไข จากนั้นลากและวางบล็อกการสร้างที่ต้องการไปยังตำแหน่งที่เหมาะสม มีบล็อกการสร้างสองประเภท: หมวดหมู่`และ:guilabel:`เนื้อหาภายใน บล็อกการสร้าง:guilabel:`เนื้อหาภายใน`สามารถเพิ่มได้เฉพาะภายในบล็อกการสร้าง:guilabel:`หมวดหมู่`เท่านั้น

เมื่อคลิกที่บล็อกหมวดหมู่ จะมีป๊อปอัปปรากฏขึ้นให้คุณเลือกระหว่างเทมเพลตหลายรูปแบบสำหรับแต่ละหมวดหมู่

Tip

คุณยังสามารถค้นหาบล็อกเฉพาะในป๊อปอัป แทรกบล็อก โดยใช้แถบค้นหา

การเลือกบล็อกแบบป๊อปอัป

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

Note

การเข้าถึงบล็อกบางส่วนต้องติดตั้งแอปพลิเคชันหรือโมดูลที่เกี่ยวข้อง (เช่น อีคอมเมิร์ซสำหรับบล็อก ผลิตภัณฑ์)

Example

เพิ่มบัญชีโซเชียลมีเดียทั้งหมดของคุณในที่เดียวด้วยบล็อกเนื้อหาภายใน:guilabel:โซเชียลมีเดีย เปิดหรือปิดสวิตช์ถัดจากแพลตฟอร์มที่ต้องการ แล้วคัดลอก/วาง URL บัญชีของคุณ

บล็อกเนื้อหาภายในโซเชียลมีเดีย

ฟอร์ม

The Form block is used to collect information from website visitors and create records in your database, if applicable. To add a form to a website page, drag and drop the Contact & Forms category, then select the Form block.

ตัวอย่างบล็อกฟอร์ม

การดำเนินการ

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

แก้ไขแบบฟอร์มเพื่อเปลี่ยนการดำเนินการ

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

ฟิลด์

เพื่อเพิ่มฟิลด์ใหม่ในแบบฟอร์ม ให้ไปที่ แท็บปรับแต่ง และคลิกปุ่ม + ฟิลด์ ถัดจากส่วน แบบฟอร์ม หรือ ฟิลด์ เพื่อแก้ไขฟิลด์ใหม่ (หรือฟิลด์อื่นๆ) ในแบบฟอร์ม ให้เลือกฟิลด์ จากนั้นใช้ตัวเลือกที่มีในส่วน ฟิลด์ ของแท็บ ปรับแต่ง ตัวอย่างเช่น คุณสามารถ:

  • เปลี่ยนฟิลด์ ประเภท

    Tip

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

    ฟิลด์ฟอร์มทุกประเภท

    ฟิลด์บางประเภทมีลักษณะคล้ายกัน แต่ข้อมูลที่ป้อนต้องเป็นไปตามรูปแบบเฉพาะ

  • แก้ไข ป้ายชื่อ ของฟิลด์และปรับ ตำแหน่ง ของมัน

  • เปิดใช้งาน คำอธิบาย ของฟิลด์ คลิกที่คำอธิบายค่าเริ่มต้นในแบบฟอร์มเพื่อแก้ไข

  • เพิ่ม ตัวยึดตำแหน่ง หรือ ค่าเริ่มต้น

  • ระบุว่าฟิลด์ จำเป็น หรือไม่

  • แก้ไขการตั้งค่า การมองเห็น ของฟิลด์

  • เพิ่ม ภาพเคลื่อนไหว

เมื่อคุณทำการเปลี่ยนแปลงที่ต้องการแล้ว ให้คลิก บันทึก

เพิ่มแบบฟอร์มติดต่อ Odoo บนเว็บไซต์ที่ไม่ใช่ Odoo

คุณสามารถแสดงแบบฟอร์มติดต่อ Odoo บนเว็บไซต์อื่นได้โดยใช้ iframe ดำเนินการตามขั้นตอนเหล่านี้:

  1. เตรียมแบบฟอร์ม Odoo: สร้างแบบฟอร์มติดต่อบนเพจในเว็บไซต์ Odoo และลบ:ref:ส่วนหัว <website/header_footer/header-design>`และ:ref:`ส่วนท้าย <website/header_footer/footer-design> ตรวจสอบให้แน่ใจว่ามีเพียงแบบฟอร์มติดต่อเท่านั้นที่เหลืออยู่บนเพจ

  2. สร้างโค้ดที่สามารถฝังได้: คัดลอก URL ของเพจแบบฟอร์ม Odoo และวางลงในตัวสร้าง iframe เช่น La Digitale.dev หรือ iFrame Generator ปรับความกว้างและความสูงเพื่อการแสดงผลที่เหมาะสม

  3. เพิ่มโค้ดที่ฝังไว้ลงในเว็บไซต์ที่ไม่ใช่ Odoo: เปิด HTML ของเพจที่เกี่ยวข้อง (ในตัวแก้ไขโค้ดหรือ CMS) และแทรกโค้ดที่ฝังไว้ในตำแหน่งที่ต้องการแสดงแบบฟอร์ม

Example

ตัวอย่างของโค้ดที่ฝังไว้:

<iframe src="https://example.com/odoo-form"
        style="border:0;"
        name="odooForm"
        scrolling="no"
        frameborder="0"
        marginheight="0"
        marginwidth="0"
        height="400px"
        width="600px"
        allowfullscreen>
 </iframe>

รหัสที่ถูกฝัง

โค้ดฝังช่วยให้คุณสามารถรวมเนื้อหาจากบริการของบุคคลที่สามเข้าในหน้าเว็ได้ เช่น วิดีโอจาก YouTube แผนที่จาก Google Maps โพสต์จากโซเชียลมีเดียจาก Instagram เป็นต้น

หลังจากเพิ่มบล็อกลงในหน้า ให้คลิกที่บล็อก จากนั้นไปที่แท็บ ปรับแต่ง และคลิก แก้ไख แทนที่โค้ดตัวยึดตำแหน่งด้วยโค้ดฝังแบบกำหนดเองของคุณ

เพิ่มลิงก์ไปยังโค้ดฝังที่คุณต้องการชี้ไปที่

Warning

อย่าคัดลอก/วางโค้ดที่คุณไม่เข้าใจ เพราะอาจทำให้ข้อมูลของคุณตกอยู่ในความเสี่ยง

ย้าย สลับ หรือลบบล็อกการสร้าง

ดึงเส้นขอบสีเขียวบนบล็อกเพื่อลดหรือเพิ่มพื้นที่ที่ด้านบนหรือด้านล่างของมัน

เปลี่ยนลำดับบล็อกโดยคลิก (เชฟรอนขึ้น) หรือ (เชฟรอนลง) และย้ายบล็อกบนหน้าโดยคลิก (ลูกศร) เมื่อคุณมีหลาย คอลัมน์ ให้ย้ายคอลัมน์ไปทางซ้ายหรือขวาโดยคลิก (เชฟรอนซ้าย) หรือ (เชฟรอนขวา)

หากต้องการลบบล็อก ให้คลิก (ถังขยะ)

ขยายระยะขอบของบล็อกสร้าง

Tip

เปลี่ยนหมวดหมู่บล็อกอย่างรวดเร็วโดยคลิก (แลกเปลี่ยน)

แก้ไขบล็อกสร้าง

เพื่อแก้ไขเนื้อหาของบล็อกการสร้าง ให้คลิกที่บล็อกและไปที่แท็บ ปรับแต่ง ตัวเลือกการปรับแต่งที่มีจะแตกต่างกันไปตามประเภทของบล็อกที่เลือก

ดูเพิ่มเติม

พื้นหลัง

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

Tip

  • จัดตำแหน่งองค์ประกอบ (รูปภาพ ข้อความ ฯลฯ) ไว้ด้านหลังหรือด้านหน้าองค์ประกอบอื่นโดยใช้ไอคอน ส่งไปด้านหลัง หรือ นำมาด้านหน้า

    เปลี่ยนตำแหน่งบล็อก

  • หากต้องการปรับขนาดบล็อก ให้คลิกและลากจุดรอบขอบเพื่อปรับตามต้องการ

    ปรับขนาดบล็อก

ดูเพิ่มเติม

ธีมทั่วไป

เค้าโครง: กริดและคอลัมน์

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

ตาราง

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

เมื่อเลือกเค้าโครงแบบกริดแล้ว ให้เลือกรูปภาพและลากและวางไปยังตำแหน่งที่ต้องการ

Cols

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

Note

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

ทำซ้ำบล็อกการสร้าง

เพื่อทำซ้ำบล็อกการสร้าง ให้คลิกไอคอน (ทำซ้ำ) ที่ด้านบนของแท็บ ปรับแต่ง เมื่อทำซ้ำแล้ว บล็อกใหม่จะปรากฏบนหน้าด้านล่างบล็อกต้นฉบับ

บันทึกบล็อกสร้างแบบกำหนดเอง

คุณสามารถบันทึกบล็อกการสร้างที่ปรับแต่งเองเพื่อนำไปใช้ซ้ำในที่อื่นได้ โดยเลือกบล็อก ไปที่แท็บ Customize แล้วคลิกไอคอน (floppy disk) คลิกปุ่ม Save and reload ในหน้าต่างป๊อปอัปเพื่อยืนยันการบันทึกบล็อกที่กำหนดเองของคุณ

หากต้องการเพิ่มบล็อกสร้างที่บันทึกไว้ลงในหน้า ให้ไปที่แท็บ บล็อก และลากและวางบล็อก กำหนดเอง จากส่วน หมวดหมู่ ในป๊อปอัปที่เปิดขึ้น ให้คลิกบล็อกที่ต้องการในหมวดหมู่ กำหนดเอง

Tip

ในป๊อปอัป แทรกบล็อก ให้คลิก (แก้ไข) เพื่อเปลี่ยนชื่อบล็อกแบบกำหนดเอง หรือ (ลบ) เพื่อลบ