How to design a webpage using images, videos, titles, paragraphs, and other website design elements?

This guide explains how to customize and enhance your website pages using the Cool Beans builder. From adding titles and images to integrating media and contact sections, you will learn how to design visually appealing pages step-by-step.

• Open your website dashboard and navigate to the "Pages" section.

• Choose the page you wish to edit (e.g., About Us).

• Click on the section you want to update and select "Edit."

• Choose from various layout options:

  • Image on left, text on right

  • Image on right, text on left

  • Image above text

• Use the "Text and Media" component to add images, titles, paragraphs, and buttons.

• Enter image paths and text content, then preview and save changes.

• Use layout selectors to add one, two, or three images per row.

• Adjust alignment and add margins (e.g., 10px) to fix spacing issues.

• Add promotional blocks using available styles.

• Use the "Stat" component to display numerical info (e.g., 100 certified teachers).

• Modify margins and background colors to enhance visual clarity.

• Add FAQs with multiple Q&A fields.

• Insert code boxes, social links, banners, contact forms, and download sections.

• Customize each component's design and text as needed.

With Cool Beans, designing a page is intuitive and highly customizable. You can add structured content blocks, control layout, adjust design aesthetics, and provide interactive elements, all within a user-friendly interface. This flexibility makes it ideal for anyone looking to build a functional and visually engaging website.