Sort Block Elements

The Sort Block Elements feature in Universal Wescle Block allows you to organize and structure your contentefficiently. With the flexibility of four columns, you can place different elements anywhere within the block, ensuring the perfect layout for your website.

Understanding Block Element Organization

Each Universal Wescle Block consists of different components that can be reordered within the main column or distributed across multiple columns. These elements include:

✔ Title – The primary heading of your block.

✔ Subtitle – A secondary heading for additional context.

✔ Description – The main body text to explain the block’s content.

✔ Socials – Icons linking to your social media accounts.

✔ Buttons – Call-to-action buttons such as “Get in Touch” or “Learn More.”

✔ Images – Visual content such as banners or product images.

✔ Blocks – Nested sections containing more structured content.

✔ Code Snippets – Custom HTML or script-based integrations.

Sorting Elements in Columns

The Sort Block Elements panel provides four available columns, allowing you to arrange elements to fit your design needs.

How to Reorder Elements:

Drag and Drop:

Click the drag handle (⋮⋮) next to any element.

Drag it into Column #1, #2, #3, or #4 as per your preferred layout.

Visibility Control:

Click the eye icon (👁) to toggle visibility ON/OFF for each element.

This is useful for hiding elements on certain pages without deleting them.

Custom Column Arrangements:

If your layout requires multi-column organization, distribute elements across Column #2, #3, or #4.

Keep primary content in Column #1 for a structured layout.

Best Practices for Sorting Elements

✅ Hero Sections – Keep Title, Subtitle, Description, and Buttons in Column #1 for better focus.

✅ Multi-Column Layouts – Use Column #2, #3, and #4 to separate images, social links, or additional descriptions.

✅ Custom Code Placement – Place custom HTML or scripts in Code 1 or Code 2 sections at the bottom for advanced customization.