AI prompt input
Offer a prompt input that sends visitors into a configured AI website-generation flow.
Code name: AIInput · Category: Specialised
Registered in the live renderer. Website context and the limitations below still apply.
When to use it
Use this specialised block where the destination actually supports the Pineapple generation flow. It is not a general visitor support chatbot.
In the editor
- Verify the generation destination.
- Set the prompt hint and button label.
- Test the complete destination flow before presenting it to visitors.
Example
This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.
<AIInput buttonText="Start with your idea" buttonTextMobile="Start" />Behaviour and limitations
- buttonText and buttonTextMobile are separate labels.
- Business prompt options provide choices for the input; they do not create a new supported generation service.
- Do not claim a site has been generated just because the visitor submitted a prompt.
Property reference
Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.
| Property | Editor value type | Default evidence | Guidance |
|---|---|---|---|
backgroundColor | string | Not declared here | Background colour. Theme-derived appearance can still depend on the surrounding section. |
url | string | "https://app.pineapplebuilder.com/templates/generate-your-website" (renderer) | Url. See the usage notes for this block. |
buttonTextMobile | string | "Generate Website In Minutes" (renderer) | Text Mobile. See the usage notes for this block. |
buttonText | string | "Generate Website" (renderer) | Text. See the usage notes for this block. |
tryFree | boolean | true (renderer) | Free Icon. See the usage notes for this block. |
businessPromptOptions | array | Computed by renderer | Business Prompts. See the usage notes for this block. |
inputTextDescription | string | "Describe the Website Your Business Needs" (renderer) | Input Text Description. See the usage notes for this block. |
actions | See guidance | Not declared here | Editor group only. Set its individual supported properties; do not emit an actions object. |
spacing | object | Not declared here | An object of spacing settings. Preserve existing responsive values when changing a single setting. |
animationType | See guidance | Not declared here | Entrance animation setting. Use a supported editor value; preserve it for unrelated edits. |
plausibleGoal | string | Not declared here | Goal Name. See the usage notes for this block. Editor group: actions. |
