Pineapple Builder

Refine a website section with AI

AI can help revise a website section, but the target and intended result need to be clear. Start with the existing layout and explain which part should change.

Select the right content

Open the page in the editor and select the section or block you mean. Check the page name before opening AI Assistant, especially if several pages use similar sections.

Describe the visual result rather than asking for an undefined improvement. For example: “In this services section, keep the three cards but make their descriptions shorter and use the same button label on each.”

State what should stay

Mention links, text or layout you want to preserve. A focused request is easier to review than combining a new layout, new copy, new images and a new colour palette in one step.

Examples:

  • “Make this section background lighter and keep the text readable.”

  • “Place the image beside the introduction on a wide screen and check that the content stacks clearly on a phone.”

  • “Keep the FAQ questions and answers; improve the spacing between them.”

For colours and fonts used across the website, start with Website Design so shared styles remain consistent.

Inspect the change

Check the selected section and the content immediately around it. Confirm that no important item disappeared and that links still point to the intended destination.

Preview the page at a narrow width. Look for long headings, cropped images, large gaps and controls that overlap. A layout that looks good in a wide editor canvas may need different content or spacing on a phone.

Correct an unsatisfactory result

Explain the specific difference between the result and your intention: “The image is now above the heading; keep the heading first.” Use undo for a recent unwanted edit where appropriate, then try a clearer, smaller request.

Do not keep sending the same broad instruction when the target is wrong. Select the intended section again or clarify its name and content.

Save and publish

Save the version you want to keep, open the draft preview and review the whole page. Publish after the checks succeed and confirm the public result.

See the Section, Container and Button references when you want to adjust the individual controls directly. AI requests use the workspace's AI allowance.

Pineapple Builder - AI Website Builder Create Docs