Web Dev Academy CMS & site builders Β· Wix & Squarespace Tool 52 / 64
CMS & site builders

Wix & Squarespace

All-in-one website builders for everyone. Start from a designer template, then drag blocks onto the page β€” no code, fully hosted, domain and SSL included.

Demo 01

Drag blocks to build a page

This is the heart of Wix's editor: drag a block from the panel into the page. Reorder and delete them. Build a little landing page below.

⚑ Simulated drag-and-drop builder (vanilla JS)

Add blocks

πŸ”  Heading
πŸ“ Text
πŸ–Ό Image
πŸ”˜ Button
🏞 Gallery
Drag a block here β†’
(tip: drag β€œHeading” first)
Demo 02

Start from a template

Squarespace's approach: pick a beautifully designed template, then customise. Click a template to preview it.

⚑ Simulated template gallery
Pick a template above
Its preview appears here.
Demo 03

Everything bundled, nothing to host

These platforms handle the parts developers usually wire up by hand. Toggle the pieces a builder gives you for free:

🌐
Hosting
Servers + CDN included
πŸ”’
SSL
HTTPS auto-provisioned
πŸ”—
Domain
Buy & connect in-app
πŸ“±
Responsive
Mobile layout auto-built
πŸ›’
Store
Built-in e-commerce
πŸ“Š
Analytics
Traffic dashboard
Demo 04

A little code is still allowed

For power users, Wix has Velo (JavaScript) and Squarespace allows custom code injection. But the platform owns the rendering.

// Wix Velo β€” runs in the platform's JS environment
import wixData from 'wix-data';

$w.onReady(() => {
  $w('#submitButton').onClick(async () => {
    await wixData.insert('Signups', {
      email: $w('#emailInput').value
    });
    $w('#thanksText').show();
  });
});
i
The drag-and-drop builder and template gallery above are simulated with vanilla JavaScript (using the native HTML Drag & Drop API). Real Wix and Squarespace are fully hosted SaaS platforms β€” your design, content and store all live on their servers, which render and serve the live site. The Velo snippet is genuine Wix code.

↑ All 64 tools