How to install ProcessWire in XAMPP Windows 11

ProcessWire is another free, simple content management system but produces a good-looking website. It's last stable release (when I wrote this turotorial) was on August 21, 2020. And its initial released was way back 2007. For this post, we are going to build a website out of it. But before anything else, download the needed files below.

Requirements:

• xampp-windows-x64-5.6.40-1-VC11-installer [download here]
• processwire_dev-3.0.207 [download here]

Assuming that you downloaded the files above, continue to the tutorials below.

Table of Contents

• XAMPP Installation
• Opening XAMPP and running Apache and MySQL
• Copying and pasting ProcessWire installation folder inside htdocs
• Creating Database needed for ProcessWire installation via Localhost
• Installing ProcessWire website using localhost via web browser
• Opening ProcessWire website homepage
• Accessing ProcessWire website admin page

Here are the steps on how to install ProcessWire website using XAMPP in Windows pc

XAMPP Installation

1. Open the XAMPP file that you downloaded. If a "Warning" regarding User Account Control (UAC) appears, press OK to proceed.

2. Under Setup - XAMPP, click NEXT to proceed.

3. In the Select Components, do not alter it, just press NEXT to proceed.

4. In the Select folder, do not change it also, just leave it as it is and press NEXT to proceed.

5. Under Bitnami for XAMPP, just uncheck "Learn more..." and press NEXT to proceed.

6. We are now ready to install XAMPP, press NEXT to proceed.

7. Wait for the installation to finish.

8. When done, press Finish to exit installer.

Opening XAMPP and running Apache and MySQL

1. To open XAMPP, go to This PC > C drive > xampp and press xampp-control.exe.

2. Inside XAMPP Control Panel, click the Start buttons for Apache and MySQL.

3. Apache and MySQL are both running now when you see two Stops.

4. If a Windows Security Alert appears, click on Allow access.

Copying and pasting ProcessWire installation folder inside htdocs

1. Extract the ProcessWire zip file and rename the extracted folder as processwire. Copy your processwire folder and go to This PC.

2. Inside This PC, open your C drive.

3. Inside C, open xampp folder.

4. Inside xampp, open htdocs.

5. Inside htdocs, paste your processwire folder.

Creating Database needed for ProcessWire installation via Localhost

1. We need to create a database for our ProcessWire installation. Go to 127.0.0.1 and press ENTER.

2. Inside, click phpMyAdmin.

3. Under phpMyAdmin, click Databases.

4. In the Create database, name it as processwire_db and next to it set Charset to utf8mb4_unicode_ci and press Create.

Installing ProcessWire website using localhost via web browser

1. We are now ready to install ProcessWire. Open your web browser and go to 127.0.0.1/processwire and press ENTER.

2. In the ProcessWire installation welcome page, just click Get Started to start.

3. In the Site Installation Profile, select "Foundation Site Profile" and press Continue to proceed. Note: The default ProcessWire installer do not have the profiles that included on this tutorial. I assume that you downloaded the zip file installer above which I included two profiles namely "site-foundation" and "site-blue-vr". I deleted the "site-blank" profile which is included in the original installer that you can download from ProcessWire official website or any other download sites.

4. You will then see the "✔ Renamed /site-foundation = > /site" notification. Below it is the Compatibility Check. Make sure all under it are OK (or has check). Press Continue to NEXT Step to proceed.

5. Under MySQL Database, do the following: DB Name - processwire_db. DB User - root. DB Pass - blank or none. DB Host - localhost. DB Port - 3306. DB Charset - utf8mb4. DB Engine - MyISAM.

6. Under Time Zone, select your country's Time Zone.

7. For File Permissions, just leave it.

8. For HTTP Host Names, leave it also. Same goes to Debug Mode. Press Continue to proceed.

9. You will then see 2 notifications: "✔ Database connection successful to processwire_db" and "✔ Saved configuration to ./site/config.php". Below it is the Profile Import. Make sure all are checked.

10. Under Admin Panel, just type admin. This is going to be added in your Admin Login URL. Example: Your processWire homepage is going to be 127.0.0.1/processwire adding "admin" in the URL, your Admin Login URL is going to be 127.0.0.1/processwire/admin. For your Admin Account, do the following: User - admin. Password - your desired admin password and do nor forget it. Email address - enter a valid email.

11. Under Cleanup, just leave it and press Continue to save your Admin account settings.

12. Done! Your admin account is saved and ProcessWire website is also created.

Opening ProcessWire website homepage

1. To open your ProcessWire wevsite homepage, just go to 127.0.0.1/processwire or localhost/processwire.

Accessing ProcessWire website admin page

1. To open your ProcessWire website admin login page, just go to 127.0.0.1/processwire/admin.

2. Enter your username which is admin and your password. Press Login to proceed.

3. Here is a sample ProcessWire website administration page.

Thank you for reading this post guys. If you have a question, you can comment below for it. Cheers!