Pineapple Builder Tutorial

Step 1: Sign Up and Set Up Your Account

First, head to Pineapple Builder's website. Click the prominent 'Get Started' button. You'll be asked for your email and to create a password. Here's the critical part I learned the hard way: you must immediately enter payment details. Unlike many tools, there's no free trial period—the moment you sign up, you're charged for the Basic plan ($15/month). I recommend starting with Basic; you can upgrade later. After payment, you'll land on the 'Create New Site' screen. Don't skip the onboarding questionnaire. It asks about your industry, business name, and location. This data feeds the AI, and being vague here results in a generic, weak site. Be as specific as possible.

Step 2: Navigate the Dashboard

The dashboard is clean but don't let its simplicity fool you. The main hub is 'My Websites.' Each site you create lives here as a card. Clicking one opens the Editor. On the left sidebar, you'll find 'Site Settings' (for domain, SEO), 'Pages' (to edit Home, About, Contact), and 'AI Assistant' (your most powerful tool). The top bar has 'Preview' (to see mobile/desktop views) and 'Publish.' What surprised me was the 'Analytics' tab—it's basic but shows page views and contact form submissions, which is invaluable. Ignore the 'Themes' section initially; the AI picks one for you. Your first action should always be to go to 'Site Settings' and add your business logo and favicon. This instantly makes the AI output look less template-y.

Step 3: Create Your First Website with the AI Prompt

This is the magic. Click 'Create with AI' from your dashboard. You'll see a text box: 'Describe your website.' Do NOT just write 'bakery website.' I tested this; the result was bland. Instead, write: 'A website for 'Sunrise Bakery' in Austin, Texas, specializing in artisan sourdough and custom wedding cakes. We need a homepage with hero image, an about section, a menu gallery, and a contact form with quote requests.' Click 'Generate.' The AI will churn for 60-90 seconds. You'll see it building sections in real-time—writing copy, pulling royalty-free images. It creates 4-5 pages: Home, About, Services, Contact. The first draft is always 70% there. Don't panic if some copy is awkward; you'll fix it next.

Step 4: Customize and Refine Your AI-Generated Site

Now you're in the visual editor. Click on any text block to edit it. The AI-generated copy is a solid foundation, but it often lacks personality. Rewrite headlines in your voice. For images, click on one and select 'Replace Image.' You can upload your own or use their AI image search (powered by Unsplash). My biggest recommendation: use the 'AI Assistant' sidebar for heavy lifting. Highlight a paragraph, click the AI icon, and command: 'Make this more conversational' or 'Shorten this by 50%.' It's fantastic. Rearrange sections by dragging and dropping. Under 'Site Settings' > 'SEO,' review the meta title and description the AI created—they're usually quite good. Add your Google Analytics ID here if you have one.

Step 5: Preview, Test, and Publish

Never publish without testing. Click the 'Preview' button (eye icon) top-right. Toggle between mobile and desktop views. What surprised me was how flawless the mobile responsiveness is—it's their strongest technical feature. Click every button, especially the contact form. Submit a test inquiry to yourself. Check load speed; it's generally fast due to their CDN. Once satisfied, hit the big 'Publish' button. If you haven't connected a custom domain, your site will live on a pineapplesite.io subdomain. Publishing is instantaneous. I've never experienced downtime. After publishing, use the 'Share' link to send it to colleagues for feedback. The site is now live and indexed by search engines (assuming you left 'Allow indexing' on in SEO settings).

Step 6: Explore Advanced Features & Manage Your Site

Your site is live, but the work evolves. Go to 'Pages' and consider adding a simple 'Blog.' Use the AI Assistant to write your first post based on a keyword. Under 'Settings,' explore 'Integrations.' You can connect a Mailchimp newsletter signup—it's a game-changer for retention. Check 'Analytics' weekly to see which pages get hits. The Pro plan ($25/month) unlocks e-commerce; if you sell physical goods, upgrade and use the AI to generate product descriptions. My stance: stick with Basic unless you need online payments or more than 10 website pages. The real power is in iterative updates. Every quarter, use the AI Assistant to refresh key copy or add a new service page. It's a living document, not a set-and-forget project.