Installing and Opening Breakdance

Breakdance installs as a WordPress plugin.

Downloading Breakdance

To download Breakdance, login to the portal and navigate to the Downloads tab to see a list of available downloads.

Don’t have an account? Sign up here.

Since we allow you to download the several most recent versions of Breakdance, you’ll see multiple downloads available. Download the latest release version of Breakdance. Click the link to download the .zip file.

You can also find your license key in the customer portal by clicking License Keys.

Installing Breakdance

First, from the WordPress admin panel, navigate to Plugins > Add New.

From there, click the Upload Plugin button near the top. This will provide you with an upload field where you can upload the Breakdance .zip file you downloaded earlier.

Activating Breakdance

Once the plugin has been uploaded, you’ll be prompted to activate it.

After Breakdance is activated, you’ll be taken to the setup wizard screen, where you can enter your license key.

Entering your license key will enable one-click updates from the WordPress admin panel.

If you are using the paid pro version of Breakdance, entering your license will also unlock the paid functionality.

How to Open and Use Breakdance

  1. In your WordPress admin, panel navigate to Pages.
  2. Hover over the page you wish to edit.
  3. Click on Edit in Breakdance to open the Breakdance editor for that page.

A screenshot of the Edit in Breakdance buttons that are displayed on the post edit screen in WordPress when Breakdance is active.

From here, you can make any visual changes you can imagine to the page you’re editing by using the visual controls presented in the different editor areas.

To get started, click the Add button at the top left of the screen.

A screenshot showing the location of the Add button in the Breakdance interface, which is at the top left of the screen.

Now you’ll see an extensive, searchable list of elements that you can insert in the design. Pick any of them and click or drag it into the canvas to add it to your page.

By clicking any element, you’ll be able to access and manipulate its properties in the Properties panel on the left side of the screen.

A screenshot showing the position of the Properties panel in the Breakdance interface. The Properties panel is located in the middle-left area of the screen when Breakdance is open.

To keep track of the structure of your page, you can use the Structure panel on the right side of the screen by clicking the Structure button near the top right of the screen.

A screenshot showing the position of the Structure button (top right) and Structure panel (middle right) in the Breakdance interface.

Next Steps

  1. Learn to create a complete website in 15 minutes using the design library.
  2. Learn to build and customize pages from scratch with Breakdance.