How to Install Elementor in Xampp Localhost

Firstly, We need to install Xampp localhost on our computer. 

I'll show you how to install Xampp

Step 1: Download Xampp at https://www.apachefriends.org/

Step 2: Let's set up Xampp by clicking the "Next" button 

Step 3: Choose file you want to save Xampp and click the "Next" button to choose the language you want for your Xampp

Step 4: Let's wait for setting up your Xampp^^

Step 5: After setup we'll have a board like this picture: 

Turn on the module Apache and MySQL port: 

If you have done step 5, just search "localhost" you'll have this result: 

Step 6: Go to your file where save your Xampp data. For example I save my Xampp Data in Local Disk (C:) xampp like this one and go to the file name "htdocs"

Inside "htdocs" create a new file and name it. For example, I'll call my file "choco" this is a file that will archive everything about your website. Just remember it^^ 

Now I already have a local website you can search it by this: "localhost/your name file you created before"

Step 7: You can use the Admin button of your database module to open phpMyAdmin. Here, you can manage the databases of your web projects that you’re testing on your XAMPP. Alternatively, you can reach the administration section of your MySQL database via localhost/phpmyadmin/. 

Step 8: Now, let's create a sample user account: 

Click to "Add user account" and sign up your own: 

Attention, When you creating your account, choose host name option to local and in "Database for user account" choose "Create database with same name and grant all privileges".

Now you need to scroll down and click "Go" button in the bottom left now 

You can create a new PHP page easily by using the following content in your editor and storing it as test.php in your ‘ test’ folder (C:\xampp\htdocs\test):

Secondly, Install WordPress in Your Localhost:

Step 1: Download WordPress in https://wordpress.org/ 

Step 2: Extract and Copy all files in the WordPress file to your file in "htdocs"

Step 3: Now go to "localhost/the file you created" and you'll see this 

Step 4: Let's setup database in "localhost/phpmyadmin/ for WordPress 

Step 5: Now come back to WordPress and setup your account bt click the "Let's go" button 

Step 6: Now let's take the user name "wordpress" and a password you already create database user in Step 4 and fill in the board like this picture.

After submit this board, press the button "Run the installation" 

Step 7: Now create Site Title and user name and create a password for your WordPress

Step 8: Now login to your WordPress:

This is how to install WordPress to Xampp Localhost 

Finally, Let's Install Elementor in WordPress

Step 1: Go to "Plugin" and press to "Add New" and search "Elementor" and click to Install

Attention: If you don't have Elementor cloud for the pro version, when you click the "Activate" button, you'll go to Elementor website to create one and pay for the pro version. If you want to try the free version first, just click the back button and use the free version

Or if you already have file .zip of Elementor Pro, you can go to "Add New" and press to "Upload Plugin" to add file .zip and click "Install Now"

Step 2: After Install Successful, Press "Activate Plugin" 

And remember install Elementor: 

Step 3: After installing successful go to the "Dashboard" and "Create New Page" with Elementor Pro^^ 

And this is Elementor Pro: 

This is a tutorial from A to Z on how to install Elementor in Xampp Localhost. Thank you for your reading and I hope you can install it successfully. See you in the next post^^