Learn how the kong builder interface works in the BeatKongs website editor. Follow the steps below in your own producer dashboard and check the result on the visitor-facing website before publishing.

Before you begin

Sign in to your BeatKongs producer account and open Website → Edit Website. Work on a page you can safely test. Builder controls may vary by theme, selected element and plan.

Step-by-step instructions

1. Step 1. Open Kong Builder and identify the central page canvas.

   SCREENSHOT TO ADD: Screenshot needed: Builder overview with canvas, top toolbar and right panel identified

2. Step 2. Locate the top toolbar, the left-side tools, and the contextual settings panel.
3. Step 3. Click a heading and note the selected-element outline and floating controls.

   SCREENSHOT TO ADD: Screenshot needed: Selected heading with floating controls and Content settings

4. Step 4. Compare the available settings when you select an image or a section instead.

How to confirm it worked

Save the page, open the visitor-facing website, refresh it, and inspect the changed section on desktop and mobile. If the task involves a link, form, player, menu or other interactive feature, test that interaction directly on the live site.

Troubleshooting

• Cannot find the control? Select the intended element first. Some settings only appear for certain components, themes or plans.
• Change did not appear? Check that the correct page was saved, refresh the live page, and check whether caching is showing an older version.
• Mobile layout looks wrong? Reopen device preview and inspect the affected element’s width, spacing and visibility.
• Feature is missing or not working? Avoid deleting working content. Use Report Issues from your producer dashboard and describe the page, control and expected result.