Here’s your knowledge base–ready instruction based on your GHL content, formatted exactly like your sample 👇

📌 Step 1: Open the Page Builder Editor

1️⃣ Login to LeadBossCRM.

2️⃣ Navigate to Sites or Funnels from the left sidebar.

3️⃣ Open the page you want to edit.

4️⃣ Click Edit Page to launch the Page Builder.

🧱 Step 2: Understand the Page Structure

Before adding elements, make sure your page has the required structure:

1️⃣ A Section (main container)

2️⃣ A Row inside the section

3️⃣ A Column inside the row

💡 Note: Elements can only be added inside columns.

➕ Step 3: Add a New Element

1️⃣ In the top-right corner of the editor, click Add Element.

2️⃣ The elements panel will open, showing all available elements.

3️⃣ Browse or scroll to find the element you want to add.

🔎 Step 4: Use Quick Add Search (Recommended)

To find elements faster:

1️⃣ Use the Quick Add Search bar at the top.

2️⃣ Type a keyword related to the element.

Examples:

“headline” or “title” → Heading

“booking” or “schedule” → Calendar

“slider” → Image Slider

3️⃣ Click the element from the search results.

🖱️ Step 5: Drag and Drop the Element

1️⃣ Click and hold the element you selected.

2️⃣ Drag it into your desired column area.

3️⃣ Release to place the element on the page.

🖼️ Step 6: Add Images or Files (If Needed)

1️⃣ When selecting images or files, the Media Picker will open in a popup.

2️⃣ You can:

Upload files via drag-and-drop

Choose from existing media

3️⃣ Select your file to apply it to the element.

🎨 Step 7: Customize Element Styling

💡 Note: New elements come with modern default styling (fonts, colors, placeholders).

To customize:

1️⃣ Click the element you added.

2️⃣ Use the right sidebar settings to adjust:

Typography

Colors

Spacing

3️⃣ You can also use:

Color Picker

Brand Board settings

📊 Expected Result

After completing these steps:

Your selected element will appear on the page

It will be properly placed inside a column

You can fully customize its design and content

This allows you to easily build and design pages using drag-and-drop functionality in LeadBossCRM.