iAmBruno.
Your illustrated manual · 18 practical chapters

iAmBruno WordPress

Connect once. Discuss the change. Approve the proposal. Check your site.

Bruno can inspect and improve your connected WordPress site. This guide shows plugin connection, a real movable Chat Design conversation and one approved welcome-section change. Optional Lingo pairing and its dashboard review controls come afterward.

Download the PDF ↓Open iAmBruno WordPress ↗

Before you start

  • Use an active WordPress service and administrator access to the site you own. Check the selected domain before connecting or approving work. Existing sites and other people’s accounts are not interchangeable.
  • Have the desired change and factual details ready. Bruno proposes and designs the work; you do not need to write code. Keep connection keys and temporary editor links private.
  • All keys, tickets, requests and outputs here are fictional. Plugin settings and the chat widget use actual current source; WordPress APIs, connections, saves and approvals are fully simulated. No real site or provider is changed.

These screenshots show the actual Bruno interface with fictional Atelier Demo details and simulated responses. Requests, saves and results are examples, not real customer records or live provider actions.

01

Start in the WordPress service page

Start in the WordPress service page — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The current plugin download and connection-key actions.
  2. 2Sites connected to this account.
  3. 3Install/key instructions and the separate optional Lingo panel.
  1. Choose iAmBruno WordPress in the dashboard menu. Confirm that your service is active.
  2. Connected sites lists existing connections. An empty list means you still need to install and connect the plugin on your own WordPress site.
  3. Download plugin gets the ZIP. Create connection key provides a one-time secret for that site connection. Neither action alone edits your website.
What happens nextYou know whether to connect a site or continue using an existing connection.
02

Download, install and activate the plugin

Download, install and activate the plugin — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Download the current Bruno WordPress plugin ZIP.
  1. Choose Download plugin and keep the bruno-wordpress.zip file as a ZIP.
  2. In your own WordPress administrator area, open Plugins → Add New Plugin → Upload Plugin. Choose this ZIP, select Install Now, then Activate Plugin. Interface labels can vary with your WordPress version.
  3. After activation, open Bruno WordPress in the WordPress menu. The next pages show that plugin’s actual settings, not a fabricated WordPress installation screen.
What happens nextThe activated plugin exposes its connection form inside WordPress.
03

Create a one-time connection key

Create a one-time connection key — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The one-time key appears here; this example is inert.
  2. 2The reminder to copy it now.
  1. Return to the Bruno dashboard and choose Create connection key. Copy the key when it appears; it is shown only once.
  2. The picture uses an obviously inert DEMO key. Never paste a real key into a support message or screenshot.
  3. Use the key in the intended site’s plugin settings. A fresh key or rotation is a connection action, not an instruction to redesign the site.
What happens nextYou can securely connect the intended WordPress installation.
04

Paste the key in the WordPress plugin

Paste the key in the WordPress plugin — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The masked connection-key field.
  2. 2Connect this WordPress installation to Bruno.
  1. Open Bruno WordPress in your WordPress administrator menu. The plugin’s Connection panel initially says Not connected.
  2. Paste the one-time key into the password-style field. It stays masked in this example.
  3. Choose Connect or replace key once. Wait for the connection result before trying again. Replacing a working key changes the connection; do not do it as a routine editing step.
What happens nextA successful response changes the plugin’s connection status to Connected.
05

Check the connected status and publishing mode

Check the connected status and publishing mode — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The plugin is connected.
  2. 2Review before publishing is selected.
  3. 3Save the mode only when you intend to change it.
  1. Confirm Connected and the expected site identity. The real plugin settings are shown here without WordPress administrator chrome.
  2. Review before publishing is the default for authenticated Lingo requests: Bruno can prepare drafts, and you decide when to publish the exact draft. Do it now can publish a prepared draft in the same turn only when the original message explicitly requests publication.
  3. Save publishing mode stores an intentional change. Plugin installation and activation still require their own dashboard approval. Chat Design has the separate conversational proposal/approval sequence shown next.
What happens nextThe site’s connection and publication preference are clear before you request work.
06

Confirm the same site in your dashboard

Confirm the same site in your dashboard — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The saved connected domain and mode.
  2. 2The service’s connection overview.
  1. Back in the Bruno WordPress page, check that the correct domain appears as connected. The portal reports that site’s publication mode.
  2. If the site is missing, check plugin activation and its Connected status before issuing duplicate keys.
  3. Disconnect site revokes this connection after confirmation. It is not a button for returning to the dashboard or closing an editor.
What happens nextThe intended WordPress site is ready for an owner-authorized editing session.
07

Open Chat Design on the website

Open Chat Design on the website — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The real movable chat over the example site.
  2. 2Describe the change in ordinary words.
  3. 3Attach relevant references if useful.
  1. Open Bruno Chat Design from the connected WordPress plugin, or the connected site’s secure editor path from Your website → Edit with AI → Chat Design.
  2. The movable conversation appears over your website. You can expand it, drag its header or minimize it while inspecting the page. The temporary owner session is not shown to ordinary public visitors.
  3. The composer accepts text and reference files. Spoken replies and voice notes are optional; this example uses text and does not open a microphone.
What happens nextYou can discuss the selected website while seeing it behind the conversation.
08

Give a specific request and preservation rules

Give a specific request and preservation rules — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The specific change and what must stay intact.
  2. 2The optional selected reference file.
  3. 3Send the typed request, not a microphone recording.
  1. Describe the exact section and factual change. Our example requests Friday Coffee, 23 October, 9–10:30 AM, with a clear button. It keeps the orange background, logo, navigation, images and other pages.
  2. Attach relevant JPG, PNG, WebP or PDF references if helpful. This chat file support differs from the email Concierge’s image-only attachment intake.
  3. When text is entered, the primary control becomes Send. With nothing to send, it is a microphone control. Check the request, then Send once.
What happens nextBruno inspects the site and can propose the work or ask for missing information.
09

Review the specific proposal before approval

Review the specific proposal before approval — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The designer’s proposal and agreement question.
  2. 2Reply with approval or a correction.
  1. The example reply begins The designer proposes and describes the headline, event facts and button. It identifies the images and other pages that stay unchanged.
  2. Check those details. If you want a different direction, reply with the correction rather than approving an inaccurate proposal.
  3. The question asks whether to go ahead. This proposal is not a completed website change. Keep your reply tied to this scope.
What happens nextYou can agree to one clear proposal or continue discussing it.
10

Approve the presented scope and let it run

Approve the presented scope and let it run — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The current saved-work status.
  2. 2The send control is disabled during this request.
  1. Reply with unambiguous approval of the existing proposal. Our example says to go ahead with the welcome-section change and keep everything else intact.
  2. The composer is disabled while the saved request runs. Do not submit duplicate approvals because the result is not immediate.
  3. If you add new changes while approving, Bruno needs to resolve the revised scope. Approval of one proposal is not unlimited permission for future edits.
What happens nextThe approved work can finish or report a blocker in this conversation.
11

Check the refreshed result and completion reply

Check the refreshed result and completion reply — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The changed headline on the page.
  2. 2The completed reply remains in the conversation after refresh.
  1. After confirmed changes, the actual widget can refresh the site while retaining the conversation. The example shows the new Friday Coffee headline behind the completed reply.
  2. Read what changed and check the website yourself. Confirm the date, time, button, existing images and other pages.
  3. An error or uncertain result is not a completed publication. Follow the actual response and avoid restarting a request that may already have changed the site.
What happens nextYou can inspect the saved result and request a precise follow-up.
12

Minimize the chat to inspect the full page

Minimize the chat to inspect the full page — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The finished welcome headline.
  2. 2The requested button.
  3. 3Reopen the minimized conversation.
  1. Use the chat’s minimize control to see the site without the conversation covering it.
  2. Read the new headline and button in context. Check links and mobile layout on your real site.
  3. The Bruno Chat Design launcher reopens the same owner conversation. The result shown here is an illustrative fictional website, not a paid generation or customer-site edit.
What happens nextYou can review the work at full size and return to the conversation.
13

Optional: connect Lingo after the site works

Optional: connect Lingo after the site works — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The specific sites this connection may use.
  2. 2The short code from your Lingo app.
  3. 3Submit the scoped Lingo pairing.
  1. Lingo pairing is a separate optional connection. First complete and verify the WordPress plugin and basic website workflow.
  2. Get the short pairing code from your own Lingo app. In the Bruno dashboard, select only the connected sites it should use and enter that code. The example code is inert.
  3. Choose Connect Lingo. This does not connect an uninstalled WordPress plugin or purchase the WordPress service.
What happens nextThe dashboard can show the separate Lingo connection after confirmation.
14

Check the separate Lingo connection

Check the separate Lingo connection — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The saved Lingo connection and sites.
  2. 2The connection confirmation.
  1. Wait for Lingo is connected and check its saved site list and status.
  2. Only the chosen sites should appear. A retry or pending status needs its own resolution; it is not a successful connection.
  3. Disconnect in this list revokes Lingo access to those sites. It is different from disconnecting the WordPress plugin itself.
What happens nextYour private Lingo account can use the sites you intentionally selected.
15

For a dashboard approval, preview before deciding

For a dashboard approval, preview before deciding — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The pending action, preview and explicit decision controls.
  1. This separate example is a request to publish a prepared Friday Coffee FAQ through the authenticated connector workflow. It is not the Chat Design proposal from the previous task.
  2. Needs your attention lists the exact pending action and title. Choose Preview before Approve or Deny.
  3. In Review mode, a prepared draft is not a published page. Check the correct site, draft and action before authorizing publication.
What happens nextYou can inspect the draft before making a separate approval decision.
16

Inspect the draft and action details

Inspect the draft and action details — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The selected site and action.
  2. 2The proposed FAQ content.
  3. 3The saved draft details.
  1. Preview opens the actual change-preview dialog. Read the target site, action and draft content.
  2. Check the facts and any details listed below the preview. The site’s theme can render spacing differently from this content preview.
  3. Close the preview to return to the pending action. Merely viewing it does not apply the change.
What happens nextYou have seen what the action concerns before approving or refusing it.
17

Deny a change you do not want

Deny a change you do not want — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The pending list is clear after the denied action.
  1. Choose Deny when the pending action is wrong or should not proceed.
  2. The example’s list refreshes to No pending changes. Denying this request does not publish its FAQ draft.
  3. Ask Bruno for the specific correction if you still want a revised result. The corrected proposal needs its own review rather than inheriting approval from the denied one.
What happens nextThe rejected request is not authorized to apply its change.
18

Approve the checked corrected request

Approve the checked corrected request — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The pending list after the simulated successful decision.
  2. 2The connected site remains identifiable.
  1. After reviewing the corrected request, choose Approve. Read the confirmation naming the action on this site, then confirm only if it matches your intention.
  2. A successful response refreshes the pending list. Open the actual website and check the result; an empty pending list alone is not a visual proof that every page is correct.
  3. Our approvals and connection requests are fully simulated. No real FAQ, plugin installation, provider call or website change occurred during documentation.
What happens nextYou can deliberately authorize the checked action and verify its real result afterward.
Keep this guide handy

Come back whenever you need it.

Use Quick guide for a short reminder of the main controls. Keep this full manual for the complete task and its different choices.

In your dashboard, choose Quick guide → Show me around to replay the short tour. Use Read the guide or Download PDF for these complete instructions.

Need help? Email help@iambruno.com with the service name and what happened. Do not send passwords or connection keys.