For this tutorial, we are going to install ProcessWire CMS in a free web hosting. If you wanna try ProcessWire locally using XAMPP, try my other tutorial here to install XAMPP in your Windows pc.


To be able to install ProcessWire online, we need a web host which is already provided using the tutorial below. We also need to download the 2 given files below.


Requirements:



After downloading the files, continue doing the tutorials below.


Table of Contents

  • Registering for a Free Web Hosting Account with Cpanel
  • Creating a free domain or subdomain in our Web Hosting Account
  • Uploading ProcessWire and unzipper.php files using Web Host File Manager
  • Extracting the ProcessWire zip file using unzipper.php
  • Creating needed database needed for ProcessWire installation
  • Installation of ProcessWire manually
  • Accessing ProcessWire website homepage
  • Accessing ProcessWire website admin account


Here are the steps on how to install ProcessWire manually in a web hosting account free


Registering for a Free Web Hosting Account with Cpanel


1. Go to infinityfree.net website.


infinityfree.net web hosting

2. Click Sign Up Now button.


signup for free web hosting account

3. Sign up for a free account.


enter email and password to signup

4. Verify your account.


confirmation email sent

5. Open the verification link.


verify your web host registration

6. Successfully registered and verified Infinityfree account.


successfully created web host account

Creating a free domain or subdomain in our Web Hosting Account


1. We are now going to create a subdomain (domain). Click +Create Account button.


create new domain

2. Under Step 1: Choose a Domain Name do the following: Domain Type - Subdomain. Subdomain - your desired subdomain name. Domain Extension - select from the dropdown menu. When done, click Check Availability button to proceed.


naming domain

3. Under Step 2, you can input a password o just leave it empty. When done, click Create Account to continue.


domain password

4. Successfully created your account with the subdomain. Click Finish to proceed.


successfully created new domain

5. Inside Manage, your account is still in Pending Creation. Wait for 2 to 5 minutes for it to become active.


domain registration pending

6. After a couple of minutes, just refresh your Manage page and you will now see that your account is now Active.


domain registration active

Uploading ProcessWire and unzipper.php files using Web Host File Manager


1. We are now uploading the ProcessWire zip file and unzipper.php file using File Manager. Click File Manager.


opening file manager

2. Open htdocs.


opening htdocs or public_html folder

3. Inside htdocs, delete the 2 files inside it.


delete default files inside htdocs

4. Now, click Upload then Upload Zip.


upload options htdocs folder

5. Browse for the ProcessWire zip file and then press Just Upload button.


browse cms file installer to upload

6. Wait for the uploading to finish.


uploading cms installer file to htdocs

7. You have successfully uploaded the ProcessWire zip file inside your htdocs.


successfully uploaded cms file to htdocs

8. Click Upload again, then Upload File.


upload file option htdocs

9. Browse for the unzipper.php file to upload it. Wait for the uploading to also finish.


uploading unzipper.php file htdocs

10. When done, you should see both the ProcessWire and unzipper files inside your htdocs directory.


successfully uploaded unzipper.php to htdocs

Extracting the ProcessWire zip file using unzipper.php


1. We are now going to extract the ProcessWire zip file using the unzipper.php. Go to Accounts.


accessing web hosting account

2. You should see your subdomain link there. Copy that link.


getting your domain link

3. Paste your subdomain link in your web browser address bar and add /unzipper.php after it. See image below.


accessing unzipper.php

4. Inside Archive Unzipper, just select the processwire zip file and under Extraction path name it as processwire. When done, press Unzip Archive button to start extraction.


extracting cms zip file using unzipper.php

5. Wait for the extraction to finish.


successfully extracted cms zip file

6. After extraction, go back inside your htdocs directory and click Refresh.


refreshing htdocs_folder

7. You should now see there a new folder named processwire.


cms files are now extreacted inside htdocs

Creating needed database needed for ProcessWire installation


1. We also need a database for our ProcessWire website installation. Go to Manage and click Control Panel.


accessing web host account database manager

2. If the page below appears, just click "I Approve" to proceed.


accepting web hosting terms

3. Find Databases and click MySQL Databases.


accessing web hosting mysql database

4. Under Create New Database, just name your database and click Create Database to proceed.


creating new database

5. You should see your newly created database with all the important details that you will be needing later during installation.


successfully created database accessing phpmyadmin

Installation of ProcessWire manually


1. We are now ready to install ProcessWire. Open your web browser and type your subdomain link again. After it, add /processwire. See image below. When done, press ENTER to fire up the ProcessWire installation page.


firing processwire installation manually web host

2. Under ProcessWire installation welcome page, press Get Started button.


processwire installation welcome page

3. In the Site Installation Profile, select "Foundation Site Profile".


processwire installation selecting profile to install

4. Now, click Continue to proceed.


processwire installation continue profile installation

5. Click Continue to next step under Compatibility Check.


processwire installation compatibility check

6. In the MySQL Database, all the needed details here like the DB Name, DB User and DB Host are found inside your MySQL Databases page. The password is found inside your Manage page. The port is 3306. DB Charset is utf8 and DB Engine is MyISAM.


processwire installation mysql database

7. For the Time Zone, select your country's time zone. For Permissions, just leave it untouched.


processwire installation time zone and file permissions

8. For HTTP Host Names, just leave it untouched also as well as the Debug Mode. When done, press Continue to proceed.


processwire installation http host names and debug mode

9. For Test Database and Save Configuration, make sure all are imported and checked.


processwire installation database test and saving config

10. For Admin Panel, type "administrator". For the Admin Account, do the following: User - admin. Password - your desired admin password. Email Address - a valid email.


processwire installation admin account

11. Under Cleanup, just check all options. When done, press Continue to proceed.


processwire installation cleanup

12. Done! ProcessWire installation is a success.


successfully installed processwire website

Accessing ProcessWire website homepage


1. To view your ProcessWire website default homepage, just go to your-link/processwire.


sample processwire default homepage

2. Below is an example of ProcessWire website which I already edited the homepage.


sample processwire edited homepage

Accessing ProcessWire website admin account


1. To view your admin login page, just go to your-link/processwire/administrator.


sample processwire admin login page

2. Login your admin username and password.


processwire website login admin username and password

3. Below is an example of your website administration account page.


sample processwire administration account page

Thank you for reading this tutorial guys. If you have question, just leave a comment below. Cheers!