mobirise logo

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 πŸ“₯

  1. Head to mobirise.com and hit Download Free! πŸ’Ύ

  2. Unzip the ~28MB file and install it in under a minute. ⚑

  3. Open Mobirise and sign up for a free account to manage your projects and themes. πŸ”‘

Step 2: Start a New Project πŸ–ŒοΈ

  1. Click Create New Site or the + button in Mobirise. βž•

  2. Pick a free theme (business, portfolio, blogβ€”tons to choose from!) with over 10,000 blocks like headers, galleries, and forms. πŸ“š

  3. 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 🎨

  1. Drag and drop blocks (text, images, buttons, sliders) from the left panel to your canvas. πŸ–±οΈ

  2. Customize text, colors, fonts, and images right on the page. Add new pages (Home, About, Contact) via the Pages menu. πŸ“„

  3. Check mobile viewsβ€”Mobirise makes your site look great on phones and tablets automatically! πŸ“±

  4. Add free extensions for forms, galleries, or social media widgets in the Extensions menu. 🌐

  5. Preview your masterpiece with the eye icon. πŸ‘οΈ

Step 4: Publish Locally πŸ’»

  1. Hit Publish (top-right) and choose Local Drive Folder (e.g., Desktop/mywebsite). πŸ—‚οΈ

  2. This exports index.html (your homepage), other .html pages, and an assets folder with CSS, JS, and images. πŸ“¦

  3. 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!) πŸ”—

  1. In Mobirise, click Publish > FTP Server. πŸ“‘

  2. 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). πŸ“‚

  3. Click Test Connectionβ€”if it’s green, hit Save and Publish. Mobirise uploads everything! πŸš€

  4. Once done, visit yourdomain.com to see your live site! πŸŽ‰

Method 2: cPanel File Manager (No Extra Software) πŸ–₯️

  1. Log into cPanel (yourdomain.com/cpanel or via host dashboard). πŸ”

  2. Open File Manager and go to public_html (your site’s root; delete any default files like index.html). πŸ—‘οΈ

  3. Zip your Mobirise folder: Right-click the exported folder > Compress to ZIP (Windows/Mac). πŸ“¦

  4. In File Manager, click Upload, select your ZIP, and upload to public_html. ⬆️

  5. Right-click the ZIP > Extract to unpack files into public_html. πŸ”“

  6. Delete the ZIP file. Ensure index.html is in public_html. βœ…

  7. Visit yourdomain.com to see your site live! 🌟

Method 3: FTP Client (Great for Big Sites) πŸ“€

  1. Download FileZilla (free!). πŸ’Ύ

  2. In FileZilla: File > Site Manager > New Site. πŸ†•

  3. Enter:

    • Host: yourdomain.com

    • Port: 21

    • Username/Password: From cPanel FTP. πŸ”‘

  4. Connect, then:

    • Local side: Browse to your Mobirise export folder. πŸ—‚οΈ

    • Remote side: Go to /public_html. πŸ“‚

  5. Drag all files (index.html, assets, etc.) from local to remote. ⬆️

  6. 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! πŸ₯³

By staff