Copy-paste ready prompts to get the best results from Site123. Click any prompt to copy it instantly.
๐ฑ Beginner
โญ Top Pick
Landing Page Layout
Using Site123: Build a high-converting SaaS landing page with: hero section with gradient background, animated headline, email capture form, 3-column feature grid with icons, testimonial carousel, pricing table with toggle for monthly/annual, FAQ accordion, and sticky CTA footer. Use HTML, CSS, and vanilla JS.
๐ผ Business
โญ Top Pick
E-Commerce Product Page
Using Site123: Create a modern e-commerce product page with: image gallery with zoom on hover, size/color selectors, add to cart with quantity picker, tabbed description/reviews section, related products carousel, mobile-responsive layout. Include schema markup for SEO.
โ๏ธ Content
โญ Top Pick
Portfolio Website
Using Site123: Design a stunning portfolio website for a freelance photographer. Include: full-screen hero with video background, masonry grid gallery with lightbox, about section with timeline, contact form with validation, smooth scroll navigation, lazy-loaded images, and dark mode toggle.
Admin Dashboard UI
Using Site123: Build a responsive admin dashboard with: collapsible sidebar navigation, top bar with search and notifications, KPI cards with sparkline charts, data table with sorting/filtering/pagination, modal forms for CRUD operations. Use CSS Grid and Flexbox layout.
Blog with SEO Structure
Using Site123: Create a blog website template with proper SEO: semantic HTML5 structure, Open Graph meta tags, JSON-LD structured data, responsive images with srcset, breadcrumb navigation, table of contents, estimated reading time, social share buttons, and related posts section.
Animated Navigation Menu
Using Site123: Build a premium navigation menu with: sticky header that changes on scroll, mega dropdown with grid layout for categories, mobile hamburger to full-screen overlay transition, smooth CSS animations, keyboard accessible, includes search bar with autocomplete.
Contact Form with Validation
Using Site123: Create an advanced contact form with: real-time field validation, floating labels, phone number formatting, file upload with drag-and-drop, reCAPTCHA integration, AJAX submission with loading state, success/error animations, and email notification setup.
Performance Optimization Audit
Using Site123: Analyze and optimize a website for Core Web Vitals: implement lazy loading for images, defer non-critical JS, inline critical CSS, set up image CDN with WebP format, add resource hints (preconnect, prefetch), configure caching headers, minimize CLS with explicit dimensions.
Restaurant Booking Site
Using Site123: Build a restaurant website with: appetizing hero with parallax food imagery, interactive menu with dietary filters (vegan, gluten-free), online table booking system with date/time/party size, Google Maps integration, Instagram feed section, mobile-first responsive design.
Email Newsletter Template
Using Site123: Design a responsive HTML email newsletter template compatible with Gmail, Outlook, and Apple Mail. Include: header with logo, hero banner, 2-column article layout, CTA buttons, social links footer. Use table-based layout, inline CSS, max-width 600px.
