Ai website builder prompt tips

Ai website builder prompt tips for mangoblogger.com

User Guide: How to Write Great Custom Instructions

Since our AI builds the code for your website but doesn't "draw" pictures or read your mind, follow these best practices to get the perfect design on the first try.

1. Handling Images

  • Best Practice: Provide direct URLs for specific images.
  • How: Right-click image -> "Copy Image Address" -> Paste.
  • Ex: "Use this image for hero: https://example.com/hero.jpg"

2. Brand Colors

  • Best Practice: Provide Hex Codes.
  • Ex: "Use #FF5733 (orange) for buttons."
  • Vibe: "Neon green accents on dark mode."

3. Embeds & Tools

  • Best Practice: Paste full HTML embed code.
  • Supported: YouTube, Maps, Calendly.
  • Ex: "Here is the Google Maps embed code: ..."

4. Layout & Copy

  • Layout: List sections in order (Hero -> Services -> Pricing).
  • Tone: Define the persona (Witty, Corporate, Friendly).

links

social