Adding Elements

This article will guide you on how to add elements to your pages in Breakdance.

Step 1: Open the Add Panel

To add elements to your page, click either the plus icon in the design preview or the ‘Add’ button located at the top left of the Breakdance interface. Both icons perform the same function, so you can choose whichever one you prefer. Clicking on one of these will open up the ‘Add’ panel.

Step 2: Explore Available Elements

Within the ‘Add’ panel, you’ll find a list of all available elements you can add to your page. Breakdance comes equipped with a variety of elements sorted into categories. Here’s a quick breakdown of the available categories of elements:

  • Basic: This category includes elements like sections, columns, headings, text, and images.
  • Blocks,: This category includes elements that are more complicated or involve more individual components.
  • Site: This category includes elements such as Header Builder and menus.
  • Advanced: This category includes elements that have more advanced functionality, such as the Code Block and HTML IMG element.
  • Dynamic: This category includes elements that get their content dynamically, such as the Post Loop Builder.
  • Forms: This category includes form related elements.
  • WooCommerce: If you have WooCommerce installed, this category will appear and includes WooCommerce related elements.

Simply scroll down the ‘Add’ panel and expand the categories to see all the different elements you can add to your page.

Step 3: Add Elements to Your Page

To add an element to your page, simply click on it within the ‘Add’ panel or click & drag it into the canvas.

Step 4: Using the Search Function

If you’re looking for a specific type of element, you can use the search function in the ‘Add’ panel. Click on the ‘Search Elements’ text box and type in the element you’re looking for.

For example, if you’re looking to add an image, type ‘image’ in the search box. The search function will display all image-related elements for you.

This tutorial covered the basics of adding elements to your page using Breakdance. Enjoy enhancing your pages with a multitude of elements to achieve your desired design and functionality.