Login
WDI Home
WDI Web Studio - AI Website Builder
Quick Start Guide
Build stunning websites in minutes without coding skills using our powerful AI tools.
Getting Started
New to We'll Do It? Learn the basics in minutes.
Our quick-start video walks you through creating your first site from scratch.
Setting Up Your AI Keys
Google Gemini
Connect your Google Gemini API key to unlock advanced AI features for content generation.
OpenAI
Link your OpenAI key to access GPT capabilities for smarter website content creation.
Using AI Chatbot & Templates
Our AI chatbot helps you create perfect content with simple prompts.
Choose from dozens of pre-designed templates to jumpstart your website.
Customize every element to match your brand's unique style.
Building Your Website
Each step takes just minutes. No coding needed.
Edit Sections
Add and modify website sections with simple drag-and-drop tools.
Add Content Blocks
Insert pre-designed blocks for galleries, forms, sliders, and more.
Customize Typography
Change fonts, sizes, and styles to match your brand identity.

08:31

3 Editing And Adding Sections To Your Website

03:47

4 Adding And Editing Content Blocks

01:48

5 Editing Website Typography And Fonts

Advanced Design Features
Animations
Add eye-catching movements to make your site come alive.
Parallax Effects
Create depth with parallax scrolling for a professional look.
Multi-Page Websites & Navigation
Build complex websites with multiple pages and professional navigation menus.
Each page can have its own unique design while maintaining brand consistency.
AI-Powered Design Tools
AI Assistant
Generate content, get design suggestions, and solve problems with our AI helper.
Voice Commands
Talk to your AI assistant instead of typing for faster website creation.
AI Image Designer
Create and edit stunning images right in the platform with AI help.
E-commerce & Form Integration
Sell Products Online
Add product listings, shopping carts, and payment processing.
Manage your inventory and orders from one dashboard.
Lead Capture Forms
Create contact forms and lead generation tools.
Connect with your favorite email marketing platforms.

03:20

9 Autoresponder Integration And Forms Part1

03:57

10 Autoresponder Integration And Forms Part 2

Adding & Editing Image Sliders
Enhance your website's visual appeal with dynamic image sliders. Easily add beautiful carousels to showcase products, portfolios, or engaging content. Our intuitive editor allows you to quickly upload images, rearrange slides, and customize transitions to perfectly match your site's aesthetic.
No coding is required. Simply drag and drop to create stunning visual presentations that capture your audience's attention and tell your story effectively.
Activate, Deactivate, & Delete Pages
Manage your website's visibility with simple controls. Easily publish new content or temporarily hide pages as needed, all within a few clicks.
Activate Pages
Make your content live and visible to your audience. Instantly publish new pages or bring hidden ones back online.
Deactivate Pages
Temporarily hide pages from public view without deleting their content. Perfect for ongoing edits or seasonal promotions.
Delete Pages
Permanently remove unwanted pages and their content from your website. Confirm to ensure a clean and organized site structure.
Adding Pixels & Third-Party Code
Integrate essential pixels and third-party code seamlessly into your website. This crucial feature allows you to effortlessly connect analytics platforms, run targeted marketing campaigns, and add custom functionalities like chatbots or booking systems.
Our intuitive interface simplifies the process, ensuring you can enhance your site's capabilities for deeper insights and better user engagement without needing any coding expertise.
Adding Contact and Lead Forms To Your Website
Capture valuable customer information directly from your site. Our intuitive drag-and-drop builder makes it easy to design custom forms tailored to your specific needs.
Customize Fields
Add text inputs, checkboxes, dropdowns, and file uploads. Configure required fields and placeholders for a smooth user experience.
Integrate Services
Connect your forms to popular email marketing platforms like Mailchimp or CRM systems to automate lead capture and follow-ups.
Analyze Submissions
Track form submissions and conversion rates directly within your dashboard. Gain insights to optimize your campaigns and generate more leads.

12:45

Adding Contact Forms To Your Website

15:32

Creating a Website From Scratch

Using the WYSIWYG Design Canvas
Our intuitive What You See Is What You Get (WYSIWYG) design canvas makes website building simple and visual. No coding required!
Experience true creative freedom with our powerful design canvas. Drag, drop, and arrange elements directly on your page, seeing every change in real-time. This visual approach streamlines your workflow, allowing you to focus on design rather than complex code.
Perfect for both beginners and experienced designers, the WYSIWYG canvas offers unparalleled control over your site's layout and appearance, ensuring your vision comes to life exactly as you imagine.
Drag & Drop Simplicity
Intuitively move and position all content blocks and elements with ease.
Real-time Previews
Instantly see how your design changes impact the live appearance of your site.
Direct Element Control
Manipulate text, images, and other components directly on the canvas without menus.
Code-Free Creation
Build stunning websites from scratch or customize templates without writing a single line of code.
Using the Automatic AI Redesign Option
Instantly refresh your website's appearance with our AI-powered redesign feature. Let artificial intelligence analyze your content and suggest entirely new, professionally crafted layouts and visual styles. It's the fastest way to give your site a stunning makeover without manual effort.
Instant Visual Refresh
Transform your site's entire look with a single click. Our AI generates fresh designs tailored to your content.
Explore New Styles
Discover diverse aesthetic options. Experiment with different layouts, color palettes, and typography effortlessly.
Save Time & Effort
Eliminate hours of manual design work. The AI handles complex design decisions, allowing you to focus on content.
Essential Website Enhancements
Empower your website with powerful tools for compliance, organization, and global reach. These features simplify advanced site management.
GDPR Popup
Ensure data privacy compliance with customizable GDPR pop-ups. Easily manage cookie consent and user data preferences.
Duplicate Sections
Save time and maintain consistency by duplicating existing sections. Quickly replicate layouts and content across your site.
Save & Reuse Sections
Create a library of your favorite sections to reuse across multiple pages or future projects, streamlining your design process.
Password Protect Pages
Secure sensitive content by adding password protection to individual pages. Control access for members or specific audiences.
Language Translator
Expand your audience with an integrated website language translator. Provide instant translation for visitors worldwide.

02:43

How to Add GDPR Popup To Your Website

01:09

Duplicate Sections On A Website

04:45

ClickSites - How to Save Sections and Reuse on Your Sites

09:53

ClickSites - Password Protect Your Pages

09:29

Website Language Translator

Ready to Get Started?
Watch our complete tutorial library or jump right in and start building.
No coding skills required. Create professional websites in minutes.