Introduction to Kong Builder

WEBSITE & KONG BUILDER

Introduction to Kong Builder

Learn how kong builder works in the BeatKongs website editor.

Learn how kong builder 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 Website → Edit Website in your producer dashboard.

    SCREENSHOT TO ADD: Screenshot needed: Full Kong Builder canvas with all main toolbars visible

    Screenshot to capture: Full Kong Builder canvas with all main toolbars visible.
  2. Step 2. Identify the page canvas, the toolbars, and the settings panel.
  3. Step 3. Select a visible heading or image and observe how its editing controls change.

    SCREENSHOT TO ADD: Screenshot needed: A selected element with its contextual settings panel open

    Screenshot to capture: A selected element with its contextual settings panel open.
  4. Step 4. Make a small test change, save it, then verify it on the live website.

SCREENSHOT TO ADD: YouTube demo thumbnail needed: Introduction to Kong Builder

YouTube demo to record (2–4 minutes): Introduction to Kong Builder. Show the full sequence in the steps above; replace this thumbnail with the real YouTube embed when ready.
Important: Changes can affect other elements or screen sizes. Review the result on both desktop and mobile before you consider the task finished.

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.

Rate this Article

∅ 0 (0 Votes)

Categories for this entry