การมองเห็น

Building blocks can be displayed or hidden based on a visitor's device type (mobile or desktop) or specific conditions.

To configure a building block’s visibility, open the website editor and select a building block. In the Style tab, under the block's customization options, go to Visibility.

Mobile/desktop

To control the visibility of a building block based on the visitor's device type:

  • Click the (Show/Hide on Desktop) button to hide the block for visitors using a desktop or laptop computer.

  • Click the (Show/Hide on Mobile) button to hide the block for visitors using a mobile device.

Then, click Save to apply the changes.

Some elements within building blocks can also be hidden individually. This is particularly useful for elements that are too wide to display properly on smaller screens. To check whether this option is available, select an element within a building block and look for the Visibility option in the element's customization options.

Example

The red (Show/Hide on Mobile) button indicates that the selected image is hidden on mobile devices.

Example of a column element hidden on mobile devices.

เงื่อนไข

กำหนดเงื่อนไขอย่างน้อยหนึ่งข้อเพื่อควบคุมว่าผู้เยี่ยมชมจะสามารถมองเห็น บล็อกโครงสร้าง หรือ องค์ประกอบ หรือไม่ โดยอิงตามประเทศ (ตำแหน่งทางภูมิศาสตร์จาก IP), ภาษา ของเว็บไซต์, พารามิเตอร์ UTM หรือ:doc:สถานะการเข้าสู่ระบบ <../../ecommerce/configuration/customer_accounts>.

หากต้องการกำหนดเงื่อนไข ให้คลิกฟิลด์ ไม่มีเงื่อนไข ในตัวเลือก การมองเห็น แล้วเลือก ตามเงื่อนไข แทนเพื่อแสดงตัวเลือกที่พร้อมใช้งาน:

  • ประเทศ: ประเทศของผู้เยี่ยมชม ซึ่งระบุจากที่อยู่ IP

  • ภาษา: ภาษาของเว็บไซต์ที่ผู้เยี่ยมชมเลือก

    Note

    ตัวเลือกนี้จะใช้งานได้ก็ต่อเมื่อมีการ:doc:กำหนดหลายภาษาสำหรับเว็บไซต์ <../configuration/translate>.

  • แคมเปญ UTM: แคมเปญที่เลือก

  • สื่อ UTM: สื่อที่เลือกของแคมเปญใด ๆ

  • แหล่งที่มา UTM: แหล่งที่มาที่เลือกของแคมเปญใด ๆ

  • ผู้ใช้: เลือกว่าบล็อกควรจะ มองเห็นได้สำหรับผู้ที่เข้าสู่ระบบ หรือ มองเห็นได้สำหรับผู้ที่ออกจากระบบ หรือไม่ โดยค่าเริ่มต้น ตัวเลือกนี้จะตั้งค่าเป็น มองเห็นได้สำหรับทุกคน.

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

Then, click Save to apply the changes.

Example

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

  • ซึ่งมีที่อยู่ IP อยู่ในประเทศเบลเยียม

  • กำลังดูเว็บไซต์เป็นภาษาฝรั่งเศส และ

  • *ไม่ได้*เข้าถึงหน้านี้ผ่าน URL ของแคมเปญ Sales ที่มีการติดตาม

ตัวอย่างบล็อกที่กำหนดค่าด้วยเงื่อนไขการมองเห็นหลายรายการ

องค์ประกอบที่มองไม่เห็น

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

บล็อกและองค์ประกอบที่มีการตั้งค่าการมองเห็นแบบกำหนดเองแสดงที่ด้านล่างของโปรแกรมแก้ไข

Tip

คุณยังสามารถ แสดง/ซ่อนองค์ประกอบ ใน ส่วนหัวหรือส่วนท้าย ได้อีกด้วย