Mobirise is an awesome, free offline drag-and-drop website builder for Windows, Mac, and Linux. It lets you craft sleek, responsive websites without touching a line of code, using pre-built blocks, themes, and AI magic! πͺ The basic version is 100% free for personal or commercial use, with premium themes/extensions optional. Letβs dive in and get your site live! π
Step 1: Download & Install Mobirise π₯
-
Head to mobirise.com and hit Download Free! πΎ
-
Unzip the ~28MB file and install it in under a minute. β‘
-
Open Mobirise and sign up for a free account to manage your projects and themes. π
Step 2: Start a New Project ποΈ
-
Click Create New Site or the + button in Mobirise. β
-
Pick a free theme (business, portfolio, blogβtons to choose from!) with over 10,000 blocks like headers, galleries, and forms. π
-
Want AI help? Use Generate with AI and type something like, βBuild a cozy coffee shop website.β Itβll whip up a layout you can tweak! π€
Step 3: Design Your Site π¨
-
Drag and drop blocks (text, images, buttons, sliders) from the left panel to your canvas. π±οΈ
-
Customize text, colors, fonts, and images right on the page. Add new pages (Home, About, Contact) via the Pages menu. π
-
Check mobile viewsβMobirise makes your site look great on phones and tablets automatically! π±
-
Add free extensions for forms, galleries, or social media widgets in the Extensions menu. π
-
Preview your masterpiece with the eye icon. ποΈ
Step 4: Publish Locally π»
-
Hit Publish (top-right) and choose Local Drive Folder (e.g., Desktop/mywebsite). ποΈ
-
This exports index.html (your homepage), other .html pages, and an assets folder with CSS, JS, and images. π¦
-
Double-check: Open index.html in a browser to ensure itβs perfect. β
Your site is now ready as static HTML filesβfree and offline! π
Uploading to Your cPanel Hosting π
cPanel is a popular hosting control panel (used by hosts like Four Star Host). Youβll upload your Mobirise files to make your site live. Youβll need your cPanel login and a domain pointed to your hosting (set via DNS if new). Static sites like these donβt need server-side setup unless you add dynamic features later. Letβs get it online! π
Method 1: Mobiriseβs Built-in FTP (Super Easy!) π
-
In Mobirise, click Publish > FTP Server. π‘
-
Enter your cPanel FTP details (find them in cPanel > Files > FTP Accounts or your hostβs email):
-
Host/Server: Your domain (e.g., yourdomain.com) or IP address. π
-
Username: FTP username (often same as cPanel). π€
-
Password: FTP password. π
-
Port: 21 (default). π’
-
Root Folder: public_html (or leave blank if unsure). π
-
-
Click Test Connectionβif itβs green, hit Save and Publish. Mobirise uploads everything! π
-
Once done, visit yourdomain.com to see your live site! π
Method 2: cPanel File Manager (No Extra Software) π₯οΈ
-
Log into cPanel (yourdomain.com/cpanel or via host dashboard). π
-
Open File Manager and go to public_html (your siteβs root; delete any default files like index.html). ποΈ
-
Zip your Mobirise folder: Right-click the exported folder > Compress to ZIP (Windows/Mac). π¦
-
In File Manager, click Upload, select your ZIP, and upload to public_html. β¬οΈ
-
Right-click the ZIP > Extract to unpack files into public_html. π
-
Delete the ZIP file. Ensure index.html is in public_html. β
-
Visit yourdomain.com to see your site live! π
Method 3: FTP Client (Great for Big Sites) π€
-
Download FileZilla (free!). πΎ
-
In FileZilla: File > Site Manager > New Site. π
-
Enter:
-
Host: yourdomain.com
-
Port: 21
-
Username/Password: From cPanel FTP. π
-
-
Connect, then:
-
Local side: Browse to your Mobirise export folder. ποΈ
-
Remote side: Go to /public_html. π
-
-
Drag all files (index.html, assets, etc.) from local to remote. β¬οΈ
-
Wait for the syncβcheck for errors if itβs a big site. β οΈ
Troubleshooting Tips π οΈ
-
Site not loading? Ensure index.html is in public_html (not a subfolder). Clear browser cache or check permissions (644 for files, 755 for folders). π
-
Broken images/styles? Verify all assets uploaded fullyβre-upload if needed. πΌοΈ
-
Domain issues? New domains may need 24-48 hours for DNS propagation. β³
-
HTTPS/SSL? Enable free SSL in cPanel > Security > SSL/TLS for a secure site. π
-
Test with Googleβs Mobile-Friendly Test to ensure it shines! π±
Your site is LIVE! π Edit in Mobirise, re-export, and re-upload to update anytime. For advanced needs (e.g., e-commerce), explore extensions or switch to a CMS like WordPress later. Stuck? Check Mobirise forums or your hostβs support. Happy website building! π₯³
