OttoBot Website Builder

Complete Setup Guide for AI-Powered Website Creation

1 Cloudflare Account Setup

Cloudflare Pages provides free, fast website hosting with automatic SSL certificates and global CDN.

Create Your Cloudflare Account

  1. Go to dash.cloudflare.com/sign-up
  2. Enter your email and create a strong password
  3. Verify your email address
  4. You now have a free Cloudflare account!

Get Your Account ID

  1. Log in to your Cloudflare dashboard
  2. Click on any domain (or "Workers & Pages" in the sidebar)
  3. Look at the right sidebar - you'll see Account ID
  4. Copy this 32-character string (e.g., Your 32-character Account ID)
Tip: Your Account ID is the same across all your domains. You only need to copy it once.

2 Domain Registration & Setup

Option A: Register Through Cloudflare (Recommended)

  1. In Cloudflare dashboard, click "Domain Registration" in the sidebar
  2. Search for your desired domain name
  3. Purchase at cost (Cloudflare charges wholesale prices, no markup)
  4. DNS is automatically configured!

Option B: Use Existing Domain

  1. Add your domain to Cloudflare (click "Add a Site")
  2. Cloudflare will scan existing DNS records
  3. Update your domain's nameservers at your registrar to:
ns1.cloudflare.com
ns2.cloudflare.com

Wait 24-48 hours for DNS propagation (usually faster).

Get Your Zone ID

  1. Click on your domain in the Cloudflare dashboard
  2. Scroll down on the Overview page
  3. Find Zone ID in the right sidebar
  4. Copy this 32-character string
Important: Each domain has its own unique Zone ID. The Account ID stays the same, but Zone ID is per-domain.

3 API Token Creation

API tokens allow OttoBot to deploy websites to your Cloudflare account securely.

Create an API Token

  1. Go to dash.cloudflare.com/profile/api-tokens
  2. Click "Create Token"
  3. Select "Edit Cloudflare Workers" template (or create custom)
  4. Configure permissions:
    • Account: Cloudflare Pages - Edit
    • Zone: DNS - Edit (if you want automatic DNS setup)
  5. Under "Account Resources", select your account
  6. Under "Zone Resources", select "All zones" or specific domain
  7. Click "Continue to summary" then "Create Token"
  8. Copy the token immediately! You won't see it again.
Security: Never share your API token. Treat it like a password. If compromised, delete it and create a new one.

Required Credentials Summary

Credential Where to Find Example Format
Account ID Dashboard sidebar (any page) a1b2c3d4e5f6g7h8...
Zone ID Domain Overview page x9y8z7w6v5u4t3s2...
API Token Profile > API Tokens AbCdEfGhIjKlMnOp...

4 Image Hosting Setup

Choose how you want to host images for your website.

Option A: Cloudinary (Recommended for Most Users)

Cloudinary offers generous free tier with automatic image optimization.

  1. Go to cloudinary.com/users/register_free
  2. Create a free account
  3. After login, find your credentials on the Dashboard:
    • Cloud Name: Your unique identifier (e.g., mycloud123)
    • API Key: Numeric key (e.g., 123456789012345)
    • API Secret: Keep this private!
Free Tier Includes: 25GB storage, 25GB bandwidth/month, automatic format conversion, responsive images

Option B: Cloudflare Images

Integrated with Cloudflare, pay-as-you-go pricing.

  1. In Cloudflare dashboard, go to "Images" in sidebar
  2. Enable Cloudflare Images ($5/month for 100k images)
  3. Images are served from your domain automatically

Option C: Self-Hosted (Advanced)

Place images in your website's /images folder. No external service needed.

/public
  /images
    logo.png
    hero-background.jpg
    product-1.webp

5 Generate Your Website

Enter your configuration below to generate the setup for OttoBot.

Your Configuration

Copy this and provide it to OttoBot when requesting a website:

Need Help?

If you run into issues during setup: