Quick Guide: Edit and Update Website Content with Breakdance Builder in WordPress

Breakdance Builder is a powerful drag-and-drop tool that allows you to edit and design your website visually without coding. Here’s how you can add/edit content, manage site elements, and customize your website easily.

1. How to Add/Update Website Content (Pages – Text, Images etc)

You can edit existing pages, add new content, to pages in Breakdance Builder and update blog posts using the default WordPress editor.

Opening a Page in Breakdance or Blog Post in the Default Editor

1. Log in to your WordPress dashboard.
2. Navigate to Pages → Click Edit in Breakdance on the page you want to modify.
3. To update blog content, go to Posts → Click Edit on the post.
4. Add or change text, images, or links.
5. Click Update to save changes.

How to Edit an Element’s Content in Breakdance Builder for Pages

If your page is built with Breakdance Builder, follow these steps to edit sections:

1. In your WordPress dashboard, go to Pages.
2. Find the page you want to edit and click Edit with Breakdance.
3. Hover over the element (text, button, image) you want to change and click on it.
4. Make changes in the settings panel on the left:
   • Text Content – Simply type to edit.
   • Images – Click the image, then upload or select from the media library.
   • Buttons/Links – Add or change a link in the button settings.
5. Click Save Changes (bottom right) when done.

Check out the Breakdance Basics Playlist for a serries of short 1-2min tutorials for editing your breakdance websites

It Starts with this tutorial for a visual guide How to Edit an Element’s Content in Breakdance. “You’ll learn how to edit text content, add and customize elements in an icon list, change images, and how to edit text element content”/

2. Building a Page from Scratch in Breakdance

If you need to create a brand-new page, follow these steps:

1. In your WordPress dashboard, go to Pages → Click Add New.
2. Click Edit with Breakdance to open the page builder.
3. Start adding sections:
   • Use Pre-made Templates for quick designs.
   • Drag and drop Headings, Text, Images, Buttons, and Sections.
   • Adjust the design- select colours and fonts, and layouts in the settings panel.
   • Following your Businesses branding guide or try to reuse the global colours and fonts to keep your websites style consistent.
4. Click Save Changes when done.

Watch this tutorial for a full walkthrough: Building a Page from Scratch in Breakdance.

3. How to Add or Update Website Content (Blog Posts) Using the Default Editor

Adding blog posts is a great way to keep your website fresh, improve SEO, and engage your audience. Here’s how to do it using the default WordPress editor.

Step 1: Create a New Blog Post or Open an existing one

1. Log in to your WordPress dashboard.
2. Navigate to Posts → Click Add New.
3. Enter a title for your blog post at the top – this will be your H1 Title

Step 2: Add or Update Website Content in Your Blog Post

For the best layout, readability and SEO performance, use:
✔ Headings (H2 – 2nd level headings, H3 – 3rd level headings) to break up sections.
✔ Text paragraphs for clear and concise content.
✔ Lists (bulleted or numbered) for step-by-step guides or key points.
✔ Images or Video embeds to visually enhance the post.
✔ Links – links to other relevant web pages

You can also change elements from headings to paragraphs or from paragraph to lists and vice versa, or change your heading hierarchy as needed by selecting the element and clicking on the element icon,.

Step 3: Inserting Images (Best Practices)

1. Click the “+” button and select Image.
2. Upload a new image or choose one from the media library. You can also cut and paste an image into the content editor –
3. Be sure to check the file name is relevant to the image and edit the Alt Text in the right hand side panel for better SEO.
4. Avoid wrapping text around images – place images on separate lines for the best layout.

Step 4: Inserting Links (Best Practices)

1. Add 3 to 5 internal links to other pages or posts that can link back to keywords in your other pages or posts.
2. Insert 2 or 3 high quality external links to web pages that are relevant to the posts content or keywords
3. The recommended number of internal and external links are based on approx. 800-1000 words
4. Insert a link by selecting the text you want to link from
5. Click on the link icon and search for a page or post
6. Enter an external website URL making sure to include the https:// at the start.

Step 4: Update Website Content and Publish Your Blog Post

1. Review your post for spelling, formatting, and readability.
2. Click Preview to see how it looks.
3. Click Publish when ready.

Need help with layout issues or want to improve your Content for SEO? Contact Brighter Websites for assistance!