OttoBot Website Builder Setup Guide

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., a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6)

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

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.

Required Credentials Summary

4 Image Hosting Setup

Choose how you want to host images for your website.

Option A: Cloudinary (Recommended for Most Users)

Cloudinary offers a generous free tier with automatic image optimization.

1. Go to cloudinary.com/users/register_free
2. Create a free account
3. Upload your logo and hero images in Cloudinary
4. Copy the secure image URLs and paste them below
5. Optional: find your credentials on the Dashboard if you plan to automate uploads:
   • Cloud Name: Your unique identifier (e.g., mycloud123)
   • API Key: Numeric key (e.g., 123456789012345)
   • API Secret: Keep this private!

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 or any CDN. Use direct URLs.

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

5 Generate Your Website

Enter your configuration below to generate the setup for OttoBot.

Need Help?

If you run into issues during setup:

• Cloudflare Support: support.cloudflare.com
• Cloudinary Docs: cloudinary.com/documentation
• DNS Issues: Use dnschecker.org to verify propagation