How to install Magento in XAMPP Windows 11


Magento is one of the most popular content management system today. Although I wasn't able to install its latest version which is 2.4.x, I will still you how to make a cool website out of it using its 2.0.17 version for free. Magento was first released on March 31, 2008 by Magento, Inc.. It can be use as CMS and a shopping cart software. To be able to install Magento, you need to download the Magento and XAMPP file below.


Requirements:



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 Magento folder inside htdocs
  • Creating needed database for Magento installation via phpMyAdmin
  • Installing Magento website using localhost via web browser
  • Opening Magento website homepage and login page
  • Accessing Magento website admin page

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


XAMPP Installation


1. Open the XAMPP file that you downloaded. If a Warning appears, just press OK to proceed.


xampp installation warning about user account control

2. Under Setup - XAMPP, just press NEXT to proceed.


xampp installation wizard welcome page

3. Under Select Components, just leave it and press NEXT to proceed.


xampp installation select components

4. In the Installation folder, do not change it also, just press NEXT to proceed.


xampp installation folder c xampp

5. Same for Bitnami for XAMPP, just press NEXT to proceed.


bitnami for xampp

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


xampp is ready to install

7. Wait for the installation to finish.


xampp is unpacking and installing

8. When done, press Finish to exit the installer.


xampp is successfully installed

Opening XAMPP and running Apache and MySQL


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


accessing xampp-control.exe directory to open xampp cpanel

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


start apache and mysql in xampp control panel

3. Apache and MySQL are both running now, if you see 2 Stop buttons under Actions.


apache and mysql is now running in xampp control panel

4. If there is a Windows Security Alert, just press Allow access.


allow access for windows security alert regarding xampp mysqld.exe

Copying and pasting Magento folder inside htdocs


1. Extract the Magento zip file that you downloaded. Rename the extracted folder as "magento". Copy your magento folder and go to This PC.


extracting and copying magento zip file

2. Inside This PC, open your C drive.


accessing windows 11 c drive

3. Inside C, open xampp folder.


xampp folder located in c drive windows 11

4. Inside xampp, open htdcos.


htdocs folder located in xampp folder c drive windows 11

5. And inside htdocs, paste here your magento folder.


pasting the magento installation folder inside xampp htdocs

Creating needed database for Magento installation via phpMyAdmin


1. We need a database to install Magento. To create one, open your web browser and go to 127.0.0.1 and press ENTER.


accessing xampp localhost using internet browser

2. Inside, click phpMyAdmin.


accessing phpmyadmin using xampp localhost

3. Inside phpMyAdmin, click Databases.


accessing phpmyadmin via xampp localhost to make magento database

4. In the Create database, name it as "magento_db" and next to it set charset to utf8mb4_unicode_ci. Press Create to proceed.


magento database name

5. In Create table, name it as magento_table and set 4 as the columns value. Press Go to proceed.


magento create table, table name

6. In structure or field, name it as magento and set INT for the Type.


magento structure name

7. Select utf8_unicode_ci for Collation and leave all the other fields blank.


magento collation utf8_unicode_ci

8. Press Save to save your database and table.


save structure collation for magento

Installing Magento website using localhost via web browser


1. We are now ready to install Magento. To start, open your web browser and go to 127.0.0.1/magento and press ENTER.


accessing magento installation folder via xampp localhost using web browser

2. In Magento installation welcome page, just press "Agree and Setup Magento" to proceed.


magento installation welcome page

3. In the Readiness Check, just press "Start Readiness Check" to continue.


magento installation start readiness check

4. You will then see some warnings and errors that needed to be fixed. In my case, the first one is the always_populate_raw_post_data = 0. To be able to fix this, just go to This PC > C drive > xampp > php > find and open php.ini file using Notepad. Inside, find this line of code: ;always_populate_raw_post_data = 0 and change it to always_populate_raw_post_data = -1


magento installation php settings check http_raw_post_data warning

5. Still inside php.ini file, find this line of code next: ;extension=php_xsl.dll and change it to extension=php_xsl.dll. Lastly, find this line of code: ;extension=php_intl.dll and change it to extension=php_intl.dll. When done, save your php.ini file (go to File > Save). Then, go to XAMPP Control Panel and STOP both Apache and MySQL, then, Restart both.


magento installation php extension xsl and intl errors

6. After restarting Apache and MySQL, click the Try Again button.


magento installation try readiness settings check again

7. You can now proceed with the installation, if there is no errors or warning anymore. Just press NEXT to proceed.


magento installation readiness check completed

8. Under Add a Database, do the following: Database Server Host - localhost. Database Server Username - root. Database Server Password - blank or none. Database name - magento_db. Leave Table prefix as it is and press NEXT to proceed.


magento installation add a database

9. In Web Configuration, do the following: Your Store Address - http://127.0.0.1/magento. Magento Admin Address - http://127.0.0.1/magento/admin_login. Press NEXT to continue.


magento installation web config

10. In the Customize Your Store, do the following: Store Default Time Zone - your country's time zone. Store Default Currency - your native currency. Store Default Language - your native language. Press NEXT to proceed.


magento installation customize your store

11. Under Create Admin account do the following: New Username - admin. New Email - enter a valid email address. New Password - your admin password (confirm it and do not forget). When done, press NEXT to proceed.


magento installation create admin account

12. Press Install Now to start Magento installation.


magento installation ready

13. Wait for the installation to finish.


magento installation underway

14. Done! You have successfully installed Magento.


magento installation successful

Opening Magento website homepage and login page


1. To open your Magento website homepage, just go to 127.0.0.1/magento or localhost/magento.


sample magento website homepage

Accessing Magento website admin page


1. To login your Magento admin account, just go to 127.0.0.1/magento/admin_login (for this tutorial), Type your username and password and press Sign In to proceed.


sample magento website admin login username and password

2. Below is an example of Magento administration account page.


sample magento website administration page

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

No comments:

123how.xyz only wants on-topic comment. Do not include any link, else your comment won't be published. Thanks!

Most Read Tutorials:

Powered by Blogger.