Blog Website Setup: How to Setup a WordPress Website

In this article, I am going to explain to you the blog website setup so anyone can easily book a domain and create a custom website using WordPress.

In today's digital age, blogging has increased a lot because it has become a very famous way to earn money.

Any person who does not have any technical knowledge can also create a blogging website using WordPress.

 

 

WordPress Blog Website Setup in 2022

 

However, when we choose WordPress for blogging only, then we do not need much storage.

But still, do not forget to check the following features while making your selection:

 

Book Free Domain Name - Blog Website Setup

There are many such web hosting service provider companies that provide you a free domain name booking service for one year, such as Hostinger.

You can take advantage of this while booking a domain

 

Suitable Storage

You have to decide whether you are going to make a website just for blogging or will make more facilities available to your customer.

Accordingly, you should choose the storage capacity, otherwise, the speed of the website also slows down due to less storage capacity.

 

Bandwidth

When the traffic on the website starts increasing, then its consumption of bandwidth also starts increasing.

For this also you have to spend money. Otherwise, the website will not be able to handle the traffic and the site will be down.

 

Read more: Magento Store: Best 36 Magento Websites Example in The World

 

What are CFSS Features in Web Hosting

CFSS Features Mean Cost, Features, Security, and Support in website hosting.

Whenever we book a domain, it is important to take care of these features.

Some of the web hosting companies taking higher costs for this.

Also check how good its customer service is, along with automatic backups and an SSL certificate.

Is the company always present for its customers or not?

WordPress Website Creation Steps

 

I am giving you step by step guide which you can follow and create a WordPress website easily.

The Wishusucess is one of the most customer-friendly companies in 2022 that is always available to support their customer for any kind of technical and development help.

We develop and provide WordPress websites to our customers at the lowest cost all over the world.

If you want to make a website for blogging, then we give you the best facility at the lowest cost as compared to any company in the world.

Step 1: Download WordPress Framework

 

First of all, you have to download the latest WordPress from the official website of WordPress, unzip it, and then follow the steps given below step by step.

Now paste in your domain URL and then enter.

If you are installing it on your localhost then the URL for you will be

http://localhost/wordpress

 

Blog Website Setup Using WordPress

 

Step 2: Fill DataBase Details

As you will hit the URL you will see a screen like the below image.

Now, you have to fill all the fields related to the database correctly and then click on the continue button.

Blogging Website Creation

 

Step 2: Check Communication with Database

 

Now if all the details entered by you are correct then you will see a screen that WordPress can interact with the database.

Blog Website Setup in WordPress

 

Step 4: Fill The Website Title and Admin User Details

In this step, you have to enter your website title and username, password and email, etc. and then you have to continue.

You can change all these details even after installation.

Final Step to Decide the Username

 

Step 5: Success Message of WordPress Installation

On successful completion of WordPress installation, you will see a successful message.

Here the username you set at the time of installation will also be visible on your screen.

WordPress Installation Successful

 

WordPress Dashboard - Blog Website Setup

 

Now as soon as you people click on these, you will open the admin login details of WordPress, there you will be redirected to the dashboard if you fill in the login details

You can write and publish a new post by going to the new post section on your dashboard.

Dashboard of WordPress After Fresh Installation

 

 

Install WordPress Theme - Blog Website Setup

 

Now you can easily choose the theme of your blogging website.
If you want, you can use a free theme or if you want, you can also buy a good theme.

You can also install the plugin as per your requirement.

Blog Website Setup - Free Theme

If you want to develop the theme for your blogging website according to you, then you can contact me.

I can customize your website according to your needs and prepare it at a very low cost.

 

Install WordPress Plugin - Blog Website Setup

 

You can also check which are the essential plugins for any new website which must be installed from the point of view of security.

Blog Website Setup - Plugin

Always install the plugin according to your needs, it also affects the performance of your website.

Install the plugin you are using after thoroughly investigating it because there are many such plugins that steal all the information of your website and share it with someone else.

There is also a security risk on your website due to not using the right plugin.

 

 

What is the Minimum Cost for a Blogging Website in 2022

 

The cost of any website depends on its utility, but still, you want to create a simple blogging website whose validity is for two years, then its full cost will be about 1000 dollars or 10,000 Rs. rupees.

Including domain costs for two years, bandwidth costs, storage costs, and technical support.

You can contact me, I also provide free maintenance and support for two years.

In between these two years, if you need any kind of website-related help, I am always available.

I do not charge anything extra for that support

 

 

Conclusion:

 

Blogging is one of the most popular ways to earn money online today.

To create a blogging website, you can use the most commonly used framework WordPress, which is also the most economical and can be easily managed by any less technically knowledgeable person.

How to Get New Arrival Product REST API in Magento 2

In this article, we will learn how to filter the products of a Magento 2 store using the REST API and we will also know how to get new arrival products REST API.

By the way, Magento 2 Provides a facility for the REST API that is well known as Swagger Module which contains all list of REST APIs resources:

Using this model, you can get the product by visualizing and testing it through REST API.

When you hit the URL of your store by typing swagger you will get the list details of all the APIs.

Like I have taken an example below, according to this example you enter your URL and hit it, then you will get the API.

Endpoint:

http://www.wishusucess.com/swagger

Here we are filtering the product on the basis of attribute and the name of that attribute is a new product.

So while filtering the product through Rest API, we will get the newly added product by filtering

 

 

Get New Arrival Products REST API

 

To filter a new product, what should be its search criteria and which method will be used, what access token will be used, the details of all these are given below.

Endpoint

https://www.wishusucess.com/rest/V1/products?searchCriteria[sortOrders][0][field]=created_at&searchCriteria[pageSize]=10

Method: GET

Header: 

  • Authorization: Bearer <admin token>
  • Content Type: application/json

Body: none

New Arrival Products REST API

Search Parameter for New Arrivals in REST API

 

Created At New Arrivals

Response:

{
"items": [
{
"id": 2007,
"sku": "WSH08-31-Purple",
"name": "Sybil Running Short-31-Purple",
"attribute_set_id": 10,
"price": 44,
"status": 1,
"visibility": 1,
"type_id": "simple",
"created_at": "2021-12-23 09:40:40",
"updated_at": "2021-12-23 09:40:40",
"weight": 1,
"extension_attributes": {
"website_ids": [
1
],
"category_links": [
{
"position": 0,
"category_id": "28"
},
{
"position": 0,
"category_id": "35"
},
{
"position": 0,
"category_id": "2"
}
]
},
"product_links": [],
"options": [],
"media_gallery_entries": [
{
"id": 3353,
"media_type": "image",
"label": "",
"position": 1,
"disabled": false,
"types": [
"image",
"small_image",
"thumbnail"
],
"file": "/w/s/wsh08-purple_main_1.jpg"
},
{
"id": 3354,
"media_type": "image",
"label": "",
"position": 2,
"disabled": false,
"types": [],
"file": "/w/s/wsh08-purple_back_1.jpg"
}
],
"tier_prices": [],
"custom_attributes": [
{
"attribute_code": "image",
"value": "/w/s/wsh08-purple_main_1.jpg"
},
{
"attribute_code": "small_image",
"value": "/w/s/wsh08-purple_main_1.jpg"
},
{
"attribute_code": "thumbnail",
"value": "/w/s/wsh08-purple_main_1.jpg"
},
{
"attribute_code": "options_container",
"value": "container2"
},
{
"attribute_code": "msrp_display_actual_price_type",
"value": "0"
},
{
"attribute_code": "url_key",
"value": "sybil-running-short-31-purple"
},
{
"attribute_code": "required_options",
"value": "0"
},
{
"attribute_code": "has_options",
"value": "0"
},
{
"attribute_code": "tax_class_id",
"value": "2"
},
{
"attribute_code": "category_ids",
"value": [
"28",
"35",
"2"
]
},
{
"attribute_code": "description",
"value": "<p>Fortunately, it's okay to look cute while you're working out. The Sybil Running Short combines a fun, color-blocked design with breathable mesh fabric for sporty-fun style.</p>\n<p>&bull; Blue running shorts with green waist.<br />&bull; Drawstring-adjustable waist.<br />&bull; 4\" inseam. Machine wash/line dry.</p>"
},
{
"attribute_code": "size",
"value": "174"
},
{
"attribute_code": "color",
"value": "57"
}
]
}
],
"search_criteria": {
"filter_groups": [],
"sort_orders": [
{
"field": "created_at",
"direction": null
}
],
"page_size": 1
},
"total_count": 2046
}

 

Similar Posts:

Create Account REST API : How to Create an Account of Customer, Admin

Magento 2 Login REST API: How to Login Customer, Admin

Wishusucess on GitHub

Create Account REST API : How to Create an Account of Customer, Admin

In this article, I am going to explain to you how to use create account rest api in Magento 2. In this, I will also explain to you how to create customer and admin accounts using REST API.

Whenever you order a product inside the Magento store, there are three ways to do it.

By creating a customer account, we can order the product, which we call registered users or they are also called logged-in customers.

Another way is that customers can order products without registering an account, whom we know as guest users.

The third way is that the guest customer is registered only at the time of ordering.

As a guest user who logs in or creates an account when ordering
Through this article, I am going to explain how to register a client through the REST endpoint.

 

 

Admin Create Account REST API

Now if you are looking for the REST API endpoint to create Magento 2 admin users s you can follow the below steps.

 

Endpoint:

The below details are the basic structure of REST APIs to call in Magento 2.

<HTTP verb> http://<host>/rest/<scope>/<endpoint>

HTTP headers:

Through this section, we send the required authentication details and tell the Magento store that we are the authentic user who can access the requested data.

Payload:

Through this section, we send necessary valid details along with the endpoint.

POST <host>/rest/<store_code>/V1/tfa/provider/google/authenticate
{
"username": "admin",
"password": "<admin-password>",
"otp": "<otp-value>"
}

There is no API to create a Magento admin user you can get the access token of the admin user by using the rest API.

But you can create an admin account from the Magento 2 store in the admin.

Admin Panel > System > Permissions > All User > New User.

 

Response:

When you use the Magento admin rest API to get the access token that returns the admin’s access token in the following format.

4r2jdjdr11j6gmau8990hcj6qk5unh3i

Now, whenever you need to access the backend details or any other details then you have to use this token in the header for the authorization in every call and that header token validate then allows you to access the store details.

 

 

Customer REST API to Create Account

 

To create a customer, we can send all the details in the payload, in the first step I have only added four fields to create a customer in a short way.

But when you create a customer through rest API, all the other fields are optional, that's why you don't need to add all the fields in order to create customer accounts. You can create a customer by sending only four details in the payload in the Rest API.

 

Method 1: REST API to Create Customer in Magento 2

Endpoint:

POST <host>/rest/<store_code>/V1/customers
http://www.wishusucess.com/rest/V1/customers

Method: POST

Authorization: Not required

Body: raw: JSON

Headers: Content-Type: application/json

{
"customer": {
"email": "cs.hemantsingh@gmail.com",
"firstname": "Hemant",
"lastname": "Singh"
},
"password": "aaAdm378in@#123"
}

Create Account REST API in Magento 2

 

Response:

{
"id": 4,
"group_id": 1,
"created_at": "2022-01-14 18:38:21",
"updated_at": "2022-01-14 18:38:21",
"created_in": "Default Store View",
"email": "cs.hemantsingh@gmail.com",
"firstname": "Hemant",
"lastname": "Singh",
"store_id": 1,
"website_id": 1,
"addresses": [],
"disable_auto_group_change": 0,
"extension_attributes": {
"is_subscribed": false
}
}

 

Method 2: Create Customer REST API

In this step I am adding full customer details in payload else other details will be the same as the first methiod.

create customer rest api in detail

Response:

{
"id": 5,
"group_id": 1,
"default_billing": "3",
"default_shipping": "3",
"created_at": "2022-01-14 19:02:46",
"updated_at": "2022-01-14 19:02:47",
"created_in": "Default Store View",
"email": "cs.hemants@gmail.com",
"firstname": "Hemant",
"lastname": "Singh",
"store_id": 1,
"website_id": 1,
"addresses": [
{
"id": 3,
"customer_id": 5,
"region": {
"region_code": "UP",
"region": "Uttar Pradesh",
"region_id": 566
},
"region_id": 566,
"country_id": "IN",
"street": [
"Noida"
],
"telephone": "7992293862",
"postcode": "201301",
"city": "Noida",
"firstname": "Hemant",
"lastname": "Singh",
"default_shipping": true,
"default_billing": true
}
],
"disable_auto_group_change": 0,
"extension_attributes": {
"is_subscribed": false
}
}

 

If you log in to your Magento 2 store with any of the username and password details that you have given while creating the account using REST API, then it will log in successfully.

Or if you go to All Customers in the admin of the store, then your new account that has been created will appear.

Now if you want to implement login functionality using Magento rest api then you can use login rest API.

 

Read more: Magento 2 Login REST API: How to Login Customer, Admin

 

Other Post:

PayPal Account: How to Create New PayPal Account, Transfer

Wishusucess on GitHub

Magento 2 Login REST API: How to Login Customer, Admin

I am going to explain the Magento 2 login REST API for mobile applications so by using those REST APIs you can develop the application using the Magento 2 e-commerce framework.

So these APIs are basically used for the login system for the customers and admin users. You can take help of these proper rest ways to implement the login functionality.

 

 

Magento 2 Login REST API

 

To access the data of any store of your magento, first of all, you have to define yourself that you are the genuine person accessing that data.

Authentication means you have to prove as a genuine user of customer it admin that allows Magento e-commerce store to identify the access rights. It means you have the right to access (administrator, integration, client, or guest) resources of the API call.

Now if you just want to check some things as a front-end customer then you have to log in customer and for that, you have to get a customer access token.

But if you want to access internal details of the store then for that you must have to authenticate your identity and get an access token of admin details.

 

 

Magento 2 Login Rest API Customer

 

Step 1: You must have a customer account in order to get access tokens of customers. If you don't have a user account then you can create a customer account first.

Step 2: Now you have to send the customer user details like username and password in the payload with the POST method.

Step 3: Get customer access token in response.

 

API URL: {baseurl}/rest/V1/integration/customer/token

Endpoint:

https://wishusucess.com/rest/V1/integration/customer/token

Method: POST

Authorization: Not required

Body:

{
   "username":"cs.hemantsingh@gmail.com",
   "password":"Admin@#44123"
}

Magento 2 Login REST API

Response:

l2l6ccj0hwvm6pvj7uy7oflr7k7uvabv

 

 

Admin Login REST API in Magento 2

 

If any mobile application is developed using Magento eCommerce then at that time we need to login to Magento admin through rest API.

Let us know what is the complete step of admin login via REST API, by following which we can get this access token.

Step 1: You need a Magento store admin account in order to get access tokens of your stores via rest API.

Step 2: Now by hitting the below details you can get the admin access token. Along with the rest API URL you have to send the admin username and password in the payload with the POST method.

Step 3: Get admin access token in response.

 

API URL: {baseurl}/rest/V1/integration/admin/token

Endpoint: 

https://wishusucess.com/rest/V1/integration/admin/token

Method: POST

Header: Not required

Body:

{
    "username":"admin32",
    "password":"Admin555@#123"
}

Magento 2 Login REST API

Response:

9nnv93lsivrfvzyzt1cgdw8f3xnij05v

 

Read more: Magento 2.4 Installation Guide: How to Install Magento 2.4.2

 

Similar Post:

How to Make Payment Using PayPal REST API in Magento 2

Configure PayPal in Magento 2 : How to Integrate PayPal

How to Make Payment Using PayPal REST API in Magento 2

I am going to explain to you how to make payments using the PayPal REST API call to create orders through PayPal in Magento 2 e-commerce platform.

Here I am using the PayPal payment method to create an order for which I will pay through PayPal REST API and complete the order.

So it is important to have the right API calls as well as the right payload to fulfill the order.

When we hit the Paypal API, other details like basic authorization and header details must also be correct, otherwise, the payment will not be completed.

 

Read more: Configure PayPal in Magento 2 : How to Integrate PayPal

 

Now the correct point is what is the correct API call and payload to complete the order using PayPal express payment method to process checkout payment get it done the order.

So let's start steps one by one in order to complete the product order via Paypal rest API.

 

 

Step 1: Get an Access Token PayPal Sandbox App

 

First of all, we have to do the configuration of Magento admin, for that you can follow this step of Paypal Integration in Magento 2.

When your account is created and all its details are received then you reach this step to get access token using Paypal rest API.

You can proceed to the next step only after getting the required sandbox account details from the PayPal Developer Dashboard, for this you can complete those steps of the development environment to get OAuth 2.0 client ID and secret credentials for the sandbox accounts.

The access token you received authorizes you to access the PayPal REST API server by using those tokens.

 

Endpoint:

https://api-m.sandbox.paypal.com/v1/oauth2/token

Method: POST

Authorization: Basic Auth

Username: My app and credentials(client_id)

Password: Client secret

Body: x-www-form-urlencoded

grant_type = client_credentials

Get PayPal Access Token For Apps

 

Step 2: Create Order Using PayPal REST API

 

Now by using the below payload details you can create an order and complete the payment by using Paypal REST Apis call.

Endpoint:

https://api-m.sandbox.paypal.com/v1/payments/payment

Method: POST

Header:

Content-type: application/json

Authorization: <access-token>

Authorization: Basic Auth

Username: my app and credentials(client_id)

Password: Client secret

{
"intent": "authorize",
"experience_profile_id": "XP-T8WE-L7SC-RN4L-QJAS",
"payer": {
"payment_method": "paypal"
},
"transactions": [{
"amount": {
"currency": "USD",
"total": "1.25",
"details": {
"shipping": "0.1",
"subtotal": "1",
"tax": "0.15"
}
},
"payee": {
"email": "cs.hemantsingh@gmail.com"
},
"description": "Test paypal payment done on 13th Jan 2022",
"item_list": {
"items": [{
"name": "acessories belt monolog",
"quantity": "1",
"price": "1",
"sku": "test1",
"currency": "USD"
}],
"shipping_address": {
"recipient_name": "Hemant Singh",
"line1": "New test",
"city": "Saratoga",
"country_code": "US",
"postal_code": "95070",
"phone": "0116519999164",
"state": "CA"
}
}
}],
"redirect_urls": {
"return_url": "https://wishusucess.com/",
"cancel_url": "https://wishusucess.com/"
}
}

Create Order Using PayPal REST API

 

Response: Order Created Using PayPal Payment Method

{
"id": "PAYID-MHL4VTA69N500857X1559800",
"intent": "authorize",
"state": "created",
"payer": {
"payment_method": "paypal"
},
"transactions": [
{
"amount": {
"total": "1.25",
"currency": "USD",
"details": {
"subtotal": "1.00",
"tax": "0.15",
"shipping": "0.10"
}
},
"payee": {
"email": "cs.hemantsingh@gmail.com"
},
"description": "Test paypal payment done on 13th Jan 2022",
"item_list": {
"items": [
{
"name": "acessories belt monolog",
"sku": "acessoriebelt321",
"price": "1.00",
"currency": "USD",
"quantity": 1
}
],
"shipping_address": {
"recipient_name": "Hemant Singh",
"line1": "New test",
"city": "Saratoga",
"state": "CA",
"postal_code": "95070",
"country_code": "US",
"phone": "0116519999164"
}
},
"related_resources": []
}
],
"experience_profile_id": "XP-T8WE-L7SC-RN4L-QJAS",
"create_time": "2022-01-07T05:08:28Z",
"links": [
{
"href": "https://api.sandbox.paypal.com/v1/payments/payment/PAYID-MHL4VTA69N500857X1559800",
"rel": "self",
"method": "GET"
},
{
"href": "https://www.sandbox.paypal.com/cgi-bin/webscr?cmd=_express-checkout&token=EC-47V04030JC5984021",
"rel": "approval_url",
"method": "REDIRECT"
},
{
"href": "https://api.sandbox.paypal.com/v1/payments/payment/PAYID-MHL4VTA69N500857X1559800/execute",
"rel": "execute",
"method": "POST"
}
]
}

 

 

Approval PayPal REST API Payments

 

Paypal Login Details: Enter your Paypal username

Password: Enter your Paypal password details

 

"href": "https://www.sandbox.paypal.com/cgi-bin/webscr?cmd=_express-checkout&token=EC-50C051037E557641M",
"rel": "approval_url",

"method": "REDIRECT"

 

Now you have to hit the approval URL in your response body and proceed as a guest for the testing purpose and it will redirect to the website to review the order.

PayPal REST API for Payment

As soon as you do this complete step, then your order will be completed and it will automatically go to your website.

Configure PayPal in Magento 2 : How to Integrate PayPal

I will tell you to step by step method to How to integrate the PayPal payment gateway on Magento 2 checkout page or configure PayPal in Magento 2.

PayPal comes by default with Magento, but we have to integrate it, then the PayPal payment option comes on the checkout page.

The Magento Ecommerce Framework provides a default model for integrating the PayPal Express checkout account. This feature was not there in the old version of Magento, but in the above version of 2.1.8, this facility has been given.

 

 

PayPal Payment Gateway in Magento 2

 

Paypal Express Checkout is also easy to integrate and it is easy for the customer to make the payment.

Due to this, the credibility of the website also increases. And when the website looks reliable in the eyes of the customer, then its sales also increase.

PayPal Payment Gateway is the most used payment gateway in the world which is also known for being the fastest and most secure.

It accepts payments in almost all currencies and mediums like debit cards, credit cards, etc.

The above-mentioned reason is sufficient that it is used in any online store or to accept online payment,

Then let us know how to add the PayPal Express Checkout payment method on your Magento website.

 

 

Steps to Configure PayPal in Magento 2

 

In order to configure PayPal Payment Gateway in Magento 2, we have to follow the following steps.

  • Expand the Paypal Express Checkout section in Magento 2, Admin.
  • Create a PayPal Account
  • Go to developer Paypal my account section and then get PayPal, API Username, API Password, and API Signature.
  • Fill in all the required details in Magento 2 admin.
  • Admin > Store > Configuration > Sales > Payment Method > Select Merchant Location > PayPal Express
  • Just select test mode for testing purposes or not for live site

Configure PayPal in Magento 2

 

Step 1: Create PayPal Account

 

You have to first log in from the developer account section of PayPal and then click on API & SDK.

Log into paypal account

 

Now you have to go inside of My Apps and credentials PayPal developer account then click on generate sandbox access token button then your business sandbox details will be generated.

Configure PayPal in Magento 2

 

Now you have to click on the Paypal personal or business mail manage the account you will see view/see the details.

Get PayPal Account APIs Key Details

 

After clicking on the above button you will get the API Credentials details of PayPal for the PayPal Integration.

Get My Apps Credentials PayPal

 

 

Step 2: Configure PayPal in Magento 2 Admin

 

Now just go inside of admin section and fill in all the details.

Admin > Store > Configuration > Sales > Payment Method > Select Merchant Location > PayPal Express

Now your Magento 2 Paypal payment method configuration has been done.

After successful completion, when you go to the frontend of your Magento 2 store you will see the PayPal payment option.

 

 

How Frontend Looks After PayPal Integration

 

I am giving you some details below, by which you will be confirmed that your PayPal payment method has been completed.

First of all, you have to go to the product details page of Magento 2 you will see the PayPal payment option.

Then you will go to the mini cart and there you will also see the PayPal payment method.

Now you will go to the checkout page of Magento 2 and there you will also see the PayPal payment method option

All these proofs prove that your PayPal payment integration has been successfully completed.

 

 

Add PayPal on Product Details Page

 

When PayPal is successfully added, then this automatic option will appear on the product detail page.

If you want to keep this payment option on the product detail page, then you can keep it, otherwise, you can also remove it.

Configure PayPal in Magento 2 Product Detail Page

 

 

 

PayPal Payment Option in MiniCart

 

This feature comes by default in Magento, when your PayPal account is properly integrated, then this payment option starts appearing.

Configure PayPal in Magento 2 on Minicart

 

 

Configure PayPal in Magento 2 on Checkout Page

 

Now in the last step, your PayPal payment option appears as a payment method on Magento 2 checkout page.

Here any customer can make his payment using the PayPal payment gateway option.

PayPal accepts all payment methods.

Add PayPal Payment Method on Checkout Page

 

 

Conclusion

 

Although there are other default payment methods on the Magento website, the PayPal payment method is the most important of them and also more popular.

Because it provides the facility of making payments with the fastest, most secure, and best user experience.

This contributes even more to connecting the customers of website owners,

Due to all these great experiences, your website plays an important role in increasing the sales rates and attracting more customers.

 

Payment Gateway Integration Helpline

 

If you face any problem in integrating any payment gateway, then feel free to call us or message us.

We will solve any kind of problem immediately.

Helpline number:

Skype: cs.hemantsingh@gmail.com

Phone: +91-8197565002

 

Similar Posts:

Best Payment Gateway For Magento 2: List of Top 7 And How To Integrate

How to Earn Money Digitally By Blog Writing And Other Way

Today in the digital age there are hundreds of ways to earn money digitally or online, but in the absence of the right guidance or lack of right information, most people are not able to earn money.

I will tell you some of the most popular ways to earn money, by adopting which you can also earn money online.

The Internet has become an important part of our life, from home to office, from mobile to computer.

So in such a situation, it becomes necessary that by using it on the path of self-reliance, methods of earning money online should be adopted and money should be earned.

Earn Money Digitally in 2022

 

 

1.) Freelancing - Top Freelancing Website in 2022

 

In today's digital age, freelance work is one of the most popular ways to earn money online from home to earn money online.

The best way to get a project in this way is to make your own personal website and then make your portal on the list of some selected websites given below and fill in all the details well.

Your personal website is not necessary but that will add value to your business brand.

Make a portfolio of your past work

Then do the bidding according to your skillset, you will get the clients very soon and you will be able to start your work.

Today I am telling you the name of some such selected websites which is the best option for you to get online work.

You can provide services according to your skills, such as if you are good at writing, programming, editing, designing, or any other skills, then you can get projects related to any of these skills or get client work and then it's After completing the work the client will give you the money.

 

 

2.) Household Goods - Selling and Earning

 

Selling household items is also a major option in ways to earn money online. By adopting this method, you can grow the business by investing a small amount.

You can establish your brand as an expert in any one segment. For this you do not need to create a website, there are already many good websites in the market on which you can list your product and earn profit by selling the same.

But when your business is making a good profit, in such a situation, you can sell by making your website and save the commissions in between.

 

Read more: How to Make Online Shopping Website at Cheap Price

 

Some household products that you can produce and sell under your own brand name for less money, such as cooking supplies, or craft supplies.

These include products such as baked goods, healthy snacks, scented candles, wall hangings, table mats, and decor items.

 

How much can YOU earn? - Earn money digitally

There is no imitation you can earn thousand to millions it depends on your product's total sales, If you do good marketing of your business then you can make a very good profit.

When you have decided what you want to sell, then you can choose the website accordingly.

 

 

3.) Selling Insurance Online - Earn Money Digitally

 

You can also earn money by selling the insurance of a company, for this, you create a website and do all the work to bring traffic to it like content writing and its search keyword optimization, etc.

Or the tools of social media websites are also very useful, you can get customers by creating a page on any social media and promoting it.

 

 

4.) Stock Market Trading - Earn Money Online in 2022

 

Trading in the stock market is very risky until you crack some rules, investing money in it will be like gambling

In the stock market, even expert people are not able to guess, but still, you can crack some rules on the basis of your experience.

After cracking the rule continuously for a few months with little money you can start.

 

How much we can earn in Stock Market?

It would be preposterous to say how much you can earn because there are no rules here.

If you want, you can be a pauper and you can also become the richest man in the country.

For stock market trading, you will have to open a Demat account, for that, you can open an account at some reputed broker like Zerodha.com, Groww.in, Sharekhan.com, etc.

 

 

5.) Become a Consultant and Earn Money Digitally

 

As a consultant, you can offer your service to any organization or individual that needs it.

For this, the more you hold in the field in which you want to give your service, the more your fees will be higher.

Even if you are not an expert in any one field, you can still give your service.

If you want to give this service, then you can take my help in this, I give my service on the basis of 1000 per hour.

I have expertise in digital marketing, eCommerce business, search engine optimization, Magento website WordPress website.

When you improve these skills, you can do as much marketing as you can to build your brand.

The more you reach, the more your customer base will be ready.

 

 

6.) Earn Money Digitally From YouTube

 

Hardly anyone doesn't know about this platform.

YouTube is the easiest and most famous medium to earn money online in the 2022 digital era, if you have a passion for appearing in videos, then you can try your career in this field.

If you can present yourself well, you can become a medium of entertainment for the people.

If you can add some value to the life of the people, then this is a very good option.

You might not know that people are earning millions from youtube. Again, not an easy option, but very possible for anyone who records and uploads videos on a particular topic.

 

How much can you earn through youtube?

There is no need to tell, But I still tell you that from this you can earn as much money as the CEO of a big company earns.

From video shooting to video editing and video uploading, it takes a lot of hard work.

Not only this, after this you also have to market your video.

 

 

7.) Online Money Earning From Facebook, Instagram, Twitter

 

How wonderful it would be when someone pays you to use Instagram, Facebook, and Twitter.

Yes, if you have a good number of followers on your page or on your ID, then there is no limit to earning money.

You can use those followers through many mediums and earn a lot of money.

If you know Virat Kohli, then let me tell you that he charges up to 50 million rupees for a tweet or for a post on Facebook Instagram.

There are many people like you and us, whose livelihood goes through social media websites.

Yes, you can also make your career in this, just need to work tirelessly.

 

 

8.) Buy and Sell Domains - Earn Money Digitally

 

Online website domain buying and selling work is very old.

There will be many such people who have become millionaires just by buying and selling domains.

If you have a website on which there is a lot of traffic, then you can rent a small space of your website and earn rent from it.

Because when we want to sell things for a short time, then for that a website is searched where there is already traffic.

The work of selling flats online comes in such a product, in which sellers are looking for a website that already has traffic and they take their small space on rent and build a website.

You can book and keep such domains online which people think they need to book in the future.

You need to think a little ahead in this fallow.

 

9.) Blogging - Earn Money Online

 

Blogging is also a very old and popular area to earn money.

Till now you will get Millions of people who became millionaires just by blogging.

It takes some time and a little patience is also needed for this, but once your audience base is ready, then you can earn money even while sleeping.

 

Read more: How to Make Blogging Website at Very Cheap Price in 2022

 

When good numbers of traffic start coming to your website, then you can earn money through Google Adsense.

You get paid for showing ads on your website

Whether you want to show any sponsor ad or through Google Adsense and if you want, you can earn money through both.

 

 

10.) Online Earn Money from Affiliate Marketing

 

One of the old but easiest digital methods is affiliate marketing through which you can earn money.

In this, when someone buys a product from the link created by you, you get some commission for it.

There are many such online shopping websites like Amazon and Flipkart, Snapdeal, etc., which give this facility to the people to promote their business that you can earn money by joining it.

When such a website earns money from you, t gives some part of it to you so that you too can earn money by joining them.

Affiliate marketing has become the most prominent option of 2022 in terms of earning money digitally.

 

 

11.) Product Startup Online

 

Product startups are also a major part of online business nowadays.

For this, you need to make a product that you can sell to needy people and earn money in return.

If you are an expert in some field who can make such a product, then it is very good, even if you do not know, you can build a better team who will prepare the product for you and in return, you can sell it and make money.

 

 

12.) Open a Digital Store

 

Today, earning money by selling products online has become a very simple and easy way to earn money.

For this, you have to choose a product that you want to sell online, if you have a detailed knowledge of that product, then it will prove to be icing on the cake.

If you are not able to know how to make an online store in less money then you can bring my service.

Till now I have created an online eCommerce website for more than 150+ customers who are very happy doing their digital business today.

I give free maintenance service for two years to the people who get the website ready by me.

 

 

Digital Fraud While Searching for Jobs Online

 

Fraud is also a lot in the world of freelancing, in such a situation it becomes necessary that when you are looking for work to earn money online, then search for work with caution.

Many such fake agencies will be found which do not give money by getting the work done or many such scams will be seen which can easily make you their victim, in such a situation, do not start any work without any prepayment.

Do not register yourself on any website that asks for money before work or money for work.

Do not register yourself on any website that asks for money before work or money in return for work.

How to Make Blogging Website at Very Cheap Price in 2022

Blogging has become a very hot topic today. Everyone wants to earn money through blogging. Today I will tell you how to make a good blogging website at a very cheap price.

If you also want to start blogging but you are not able to get a better idea of how and where to start, then I am going to tell you those ways.

This post will help you completely, how to start, how to earn money from this, and how to make a blogging website so that it can perform better than others.

 

Blogging Website Development in 2020

When it comes to blogging, it is natural that you should have a website with a better user interface of your own, where you can write a blog and earn money by running ads or any other medium.

Although there are many other open-source platforms that you can use for blogging. But there are many disadvantages such as third-party platforms keeping some percent commission out of the money you earn.

You cannot change the functionality of the website according to your readership etc.

If you want to make your career in blogging then it becomes necessary that you should have your own website.

Now when you go to a software company to make a website, their charge becomes huge because they have a team and the burden of unnecessary innovation of all those people falls on your budget.

In such a situation, it is important that you can design your website through a freelancer or an already experienced blogger.

 

Read more: Custom Shopping Website Development by Freelancer

 

I have more than 8+ of software development experience and have created websites for more than 200+ people and do custom development and maintenance of them.

I offer free maintenance charge for Blogging websites for whole life,

And I do website development at very cheap rates. So you can contact me if you are looking for an expert blogging websites developer at a very cheap price in 2022.

Make Blogging Website at Very Cheap Cost

 

Easiest Way to Earn Money Online in 2022

By the way, there are many ways to earn money online, but due to the lack of knowledge of the people, most of the people are not able to earn money through the internet and even if someone starts, he leaves in the middle in a hurry.

The most popular ways to earn money through blogging are such as

 

How Can I Create a Blogging Website For Free?

Here I am sharing with you the top 10 free website lists that you can get for blogging websites. and you can start writing a blog right away.

In this way, I have given you some selected list above, with the help of which you can prepare your website.

Some are absolutely free and for some, you have to buy a plan.

 

Wix Blogging Website Development Plans

Wix was created in 2006 by Israeli developers to provide website building services.

Any kind of website can be created using this framework, along with installing any third-party plugin, you can add functionality as per your requirement.

Make Blogging Website Using WixCustom plugins can also be developed and added as per the need and you can give the interface according to your mind.

 

WordPress Website Development

The world's most widely used blogging framework is WordPress, using which people create the most websites. From this point of view, the WordPress website is the most popular website builder framework in the world.

According to data, about 43% of the world's website is built on WordPress. These users include all types of organizations from small schools, colleges, industries, bloggers, etc. who have created a website for their organization using WordPress.

wordpress website development plan

 

Blogger Website Development

Blogger is a product of Google which was acquired in 2003. It provides us with the facility of an online content management system. It gives this facility to any user that can develop a blogging website for himself.

This is a better option for blogging, by adopting which you can create a better blogging website.

By purchasing its plan, you can also customize its functionality according to you.

 

Conclusion:

There are many options available for blogging, which can be used to become a better blogger, but to make a career in blogging, you have to plan a custom website.

Best Payment Gateway For Magento 2: List of Top 7 And How To Integrate

In this article, I am going to explain to you how you should choose and integrate payment gateway and the pros and cons of online payments gateways providers. I will also discuss the best payment gateway for Magento 2 websites in 2022.

If you want to advance your business in the Internet world, then it does not matter whether you are the owner of an eCommerce platform or doing any other work.

You have to think about your customers and provide them with a secure, quick, and easy-to-use payment system that will help them make their payments, otherwise, your business will be very difficult to run.

Business owners also have to keep in mind whether they choose the payment system keeping in mind their needs and keeping in mind their customers or not.

The payment solution you choose must meet the needs of both your customers and your business. Therefore, your business must protect your customers from fraud, and also take care that your business is not affected.

The payment method added to your business should be convenient to use and compatible with your website.Best Payment Gateway For Magento 2

When we use a payment gateway to make an online payment, that gateway enables us to process the credit or debit card electronically to accept the payment.

Many times it happens that due to the complex online system, customers leave the website without completing the order.

In such a situation it becomes necessary that the payment gateway of your website should be friendly according to your target customer.

 

Payment Gateway Integration With eCommerce Store

When it comes to e-commerce, payment solutions play an important role in this, at that time we have to make sure that it accepts all your payment methods and credit cards.

According to data in 2022, by far the most popular payment method is a credit card.

If we take out the percentage by adding all the regions, then up to seventy percent of the people prefer to pay by credit card only.

Now the rest of the percentage is occupied by some leading payment companies like PayPal, Amazon, etc.

When your business is global, then your payment method needs to have the option to pay in all types of currency so that customers from every region can pay according to their currency.

When we integrate the payment methods then that differ by two major factors:

  • Whether you must be in compliance with any financial regulation (PCI DSS), and
  • the degree of user experience concerning the checkout and payment procedure.

PCI DSS Compliance:

When we do not store sensitive data of any of our customers, it is not required because when we add third-party payment gateways, all the processing, and regulatory burden is handled by those parties. So you do not need these certificates.

But when you store those data, then it becomes necessary for you to follow those industry rules and regulations.

The Payment Card Industry Data Security Standard (PCI DSS) came into existence in 2004 that handle essential elements for processing card payments.

 

Best Payment Gateway for Magento 2 in 2022

Here, I am giving you the list of best payment gateway which according to 2022 comes in the name of best payment gateway.

Stripe

Stripe is one of the most popular eCommerce payment gateways solutions. That accepts all major electronic payment methods, including Apple Pay, WeChat Pay, and Android Pay.

Pricing does not charge for setup but the standard package charges 2.9 percent + $0.30 per transaction. And the international processing is approx 1 percent on each transaction. Strip also offers customized plans for the business.

 

Read More: How to Integrate Payment Gateway in Magento With Example

 

PayPal

Paypal Payment Gateway provides its service to every corner of the world, This electronic payment gateway is the best payment gateway for Magento e-commerce, its service is worthy of praise.

PayPal provides all kinds of packages for its customers, according to which customers can upgrade the plan according to their convenience. That is one of the best scalable solutions for all types of businesses sized.

PayPal Offers to Process:

  • Credit cards, debit cards, and PayPal payments themselves
  • Other processing services: PayPal Payments Pro, PayPal Express Checkout, and Braintree.

Braintree is a separate payment solution for mobile and web payment systems for e-commerce that completely waives off your international fees. You don't have to pay any extra charges.

PayPal’s Pricing:

  • Zero setup fees.
  • Domestic transactions: 2.9 percent + $0.30 per transaction.
  • Outside the US transactions: are 3.9 percent + a fee based on the currency used. T
  • PayPal Payments Pro charges $30 monthly for a subscription.

 

Amazon Pay

Amazon Pay is also a leading payment gateway method, this eCommerce giant designed its service for the smaller business owner and targets the online retailers.

Amazon Pay offers its processing service for all major cards like credit cards, debit cards, and other major payment methods.

Pricing:

  • Domestic transactions: 2.9 percent + $0.30 per transaction.
  • International is 3.9 percent.
  • The refund amount is $20 + taxes, if applicable.
  • No charges for installation or setup or monthly fees.

 

Authorize.net

Authorize.net's main customers are small and medium-sized businesses and their targeted business model is also designed for them.

This service accepts almost all payment methods, including Paypal and Amazon Pay.

Its security service is quite advanced which facilitates its customers for a seamless transaction for web and mobile applications.

Pricing:

Domestic transaction: 2.9 percent + $0.30 per transaction.

There is a $25 monthly fee for a gateway and $49 for a merchant account setup.

 

2Checkout

2Checkout offers its service in approximately 87 currencies and 15 languages. Its service is such that it easily connects with businesses of different sizes and offers them a worthy choice of customizable service.

Pricing:

  • No setup charges.
  • Domestic transaction: 3.5 percent + $0.35 per transaction.
  • 2Monetize charges: 6.0 percent + $0.60 per transaction.

 

Read more: Step By Step Guide For How To Add Razorpay Payment Gateway

 

Why Custom Payment Gateway?

The third-party payment system is perfect for small or middle-class merchants because it gives them good facility on a certain amount in less time but custom payment gateway becomes necessary for large entrepreneurs or big business organizations that they should not have any kind of restriction.

Having a system to make your own payment according to your own direction, free from all kinds of extra instructions, is an essential step in making the business successful.

However, a custom payment gateway can give you several benefits:

Low Transaction Fee:

If you create your own payment gateway, then the first benefit is that you are saved from transactional charges.

When a large business saves some amount on every single transaction, that becomes a huge number which helps in business growth.

Customization:

When you decide on a custom payment method, then you can completely customize it according to your business, which facilitates the payment of the customer of your business and increases your business growth.

You can also customize your transaction fee according to your business.

Once you have developed the facility to make a custom payment, you can also offer your service to another business and in return, you can do business deals or apply some transaction charges.

 

Conclusion

In conclusion, we can say that you can choose the payment gateway according to the convenience of your business.

If you are a small-scale merchant then it is better to use a third-party payment gateway.

When you use your own payment gateway, it increases your customer's trust in your business and contributes significantly to your sales growth.

Custom payment gateway needs development and maintenance all the time, it should have good ability to eliminate any kind of fraud methods

 

Recommended Post:

PayPal Account: How to Create New PayPal Account, Transfer

How to Add Owl Carousel Slider in Magento 2 Products

In this tutorial, I am going to explain to you how you can add owl carousel slider in Magento 2. When making the user interface of Magento, it has to be taken care of that how to show more and better content in less space.

Add owl carousel Slider Magento 2

Owl carousel slider is very helpful to have that user interface look good. This slider is most widely used in eCommerce websites.

Magento 2 website owners mostly use the Owl Carousel slider to display various types of products such as new arrival products, most viewed products, more liked products slider, featured product slider, best seller product slider, etc.

 

How to Add Owl Carousel Slider in Magento 2

1) In the first step, we will add

 app/code/Wishusucess/OwlSlider/view/frontend/templates/slider.phtml file
<!--
/**
* Created By : Hemant Kumar Singh Magento 2x Developer
*/
-->
<!DOCTYPE html>
<html>
<body>
<div class="carousel-wrap">
<div class="owl-carousel">
<div class="item"><img src="http://wishusucess.com/350x300?text=1"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=2"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=3"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=4"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=5"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=6"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=7"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=8"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=9"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=10"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=11"></div>
<div class="item"><img src="http://wishusucess.com/350x300?text=12"></div>
</div>
</div>
</body>
</html>

 

2) In the second step you have to add this javascript file to your custom extension.

app/code/Wishusucess/OwlSlider/view/frontend/web/js/common.js
/**
* Created By : Hemant Kumar Singh Magento 2x Developer
*/
require(['jquery', 'owlcarousel'], function($) {
$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: true,
navText: [
"<i class='fa fa-caret-left'></i>",
"<i class='fa fa-caret-right'></i>"
],
autoplay: true,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
});
});
});

 

3) Now in the third step you have to add the javascript file in the phtml file so you have to create a file.

app/code/Wishusucess/OwlSlider/view/frontend/owlslider_index_index.xml
<?xml version="1.0"?>
<!--
/**
* Created By : Hemant Kumar Singh Magento 2x Developer
*/
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
layout="1column"
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<script src="Wishusucess_OwlSlider::js/common.js" async="async" />
</head>
<body>
<referenceBlock name="content">
<block class="Magento\Framework\View\Element\Template"
name="proslider"
template="Wishusucess_OwlSlider::productslider.phtml" />
</referenceBlock>
</body>
</page>

 

4) In the fourth step we have to add an owl slider

app/code/Wishusucess/OwlSlider/view/frontend/requirejs-config.js
/**
* Created By : Hemant Kumar Singh Magento 2x Developer
*/
var config = {
paths: {
owlcarousel: "Wishusucess_OwlSlider/js/owl.carousel"
},
shim: {
owlcarousel: {
deps: ['jquery']
}
}
};

 

Now in order to make your slider more attractive and beautiful, you can add extra CSS and js files in your Magento 2 custom OwlSlider module’s web folder. We can add this code as per our requirement and can add this slider on any cms page also.

That’s it !!!

You can check the full module here: GitHub

 

Read more: Magento 2.4 Installation Guide: How to Install Magento 2.4.2

 

How to Call Owl Slider in Magento2 Related Products

This step will help you to add the Owl Slider in Magento 2.x You just have to follow the below steps.

I assume that you are using a custom Magento 2 theme so here I am taking as an example.

ThemeVender : Wishusucess

ThemeName:   WishusucessTheme

Let's start

If you want to put the slider in the related product on the product details page of Magento 2 then you can follow the steps given below.

This step will help you to add Owl Slider for Related Product in the product detail page.

You need to update

app/design/frontend/Wishusucess/WishusucessTheme/Magento_Theme/Magento_Catalog/templates/product/list/items.phtml

The file to implement OwlCarousel for Related Products.

 

Step 1: Download OwlCarousel from here: Owl Carousel

Please put all OwlCarousel JS files owl.carousel.min.js and owlcarousel.js in this directory

app/design/frontend/Wishusucess/WishusucessTheme/Magento_Catalog/web/js

After that put all OwlCarousel CSS files owl.carousel.css and owl.theme.default.css etc... in this directory

app/design/frontend/Wishusucess/WishusucessTheme/web/css/owlcarousel/assets

 

Step 2: Include OwlCarousel CSS files using default_head_blocks.xml layout XML file.

For that create

app/design/frontend/Wishusucess/WishusucessTheme/Magento_Theme/layout/default_head_blocks.xml

default_head_blocks.xml file code.

<?xml version="1.0"?>
<!--
/**
* Hemant Kumar Singh Magento 2x Developer
* Website url: http://www.wishusucess.com/
*/
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> 
<css src="css/owlcarousel/assets/owl.carousel.min.css" />
<css src="css/owlcarousel/assets/owl.theme.default.min.css" />
</head>
</page>

 

Step 3: Include OwlCarousel JS using requirejs config file.

Now you have to create a file

app/design/frontend/Wishusucess/WishusucessTheme/Magento_Catalog/requirejs-config.js

requirejs-config.js file code.

var config = {
paths: { 
'owlcarousel': "Magento_Catalog/js/owlcarousel"
}, 
shim: {
'owlcarousel': {
deps: ['jquery']
}
}
};

 

Step 4: Update items.phtml File

Copy from

/vendor/magento/module-catalog/view/frontend/templates/product/list/items.phtml

and paste to

app/design/frontend/Wishusucess/WishusucessTheme/Magento_Theme/Magento_Catalog/templates/product/list/items.phtml

Now update the item.phtml file to implement OwlCarousel

Here, I am giving you the items.phtml code, you can just copy and paste.

<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* Developer: Hemant Kumar Singh Magento 2x Developer
*/

// @codingStandardsIgnoreFile

/* @var $block \Magento\Catalog\Block\Product\AbstractProduct */
?>

<?php
switch ($type = $block->getType()) {

case 'related-rule':
if ($exist = $block->hasItems()) {
$type = 'related';
$class = $type;

$image = 'related_products_list';
$title = __('Related Products');
$items = $block->getAllItems();
$limit = $block->getPositionLimit();
$shuffle = (int) $block->isShuffled();
$canItemsAddToCart = $block->canItemsAddToCart();

$showAddTo = false;
$showCart = false;
$templateType = null;
$description = false;
}
break;

case 'related':
/** @var \Magento\Catalog\Block\Product\ProductList\Related $block */
if ($exist = $block->getItems()->getSize()) {
$type = 'related';
$class = $type;

$image = 'related_products_list';
$title = __('Related Products');
$items = $block->getItems();
$limit = 0;
$shuffle = 0;
$canItemsAddToCart = $block->canItemsAddToCart();

$showAddTo = true;
$showCart = false;
$templateType = null;
$description = false;
}
break;

case 'upsell-rule':
if ($exist = $block->hasItems()) {
$type = 'upsell';
$class = $type;

$image = 'upsell_products_list';
$title = __('We found other products you might like!');
$items = $block->getAllItems();
$limit = $block->getPositionLimit();
$shuffle = (int) $block->isShuffled();

$showAddTo = false;
$showCart = false;
$templateType = null;
$description = false;
$canItemsAddToCart = false;
}
break;

case 'upsell':
/** @var \Magento\Catalog\Block\Product\ProductList\Upsell $block */
if ($exist = count($block->getItemCollection()->getItems())) {
$type = 'upsell';
$class = $type;

$image = 'upsell_products_list';
$title = __('You may also like');
$items = $block->getItemCollection()->getItems();
$limit = $block->getItemLimit('upsell');
$shuffle = 0;

$showAddTo = false;
$showCart = false;
$templateType = null;
$description = false;
$canItemsAddToCart = false;
}
break;

case 'crosssell-rule':
/** @var \Magento\Catalog\Block\Product\ProductList\Crosssell $block */
if ($exist = $block->hasItems()) {
$type = 'crosssell';
$class = $type;

$image = 'cart_cross_sell_products';
$title = __('More Choices:');
$items = $block->getItemCollection();

$showAddTo = true;
$showCart = true;
$templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW;
$description = false;
$canItemsAddToCart = false;
}
break;

case 'crosssell':
/** @var \Magento\Catalog\Block\Product\ProductList\Crosssell $block */
if ($exist = count($block->getItems())) {
$type = 'crosssell';
$class = $type;

$image = 'cart_cross_sell_products';
$title = __('More Choices:');
$items = $block->getItems();

$showAddTo = true;
$showCart = true;
$templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW;
$description = false;
$canItemsAddToCart = false;
}
break;

case 'new':
if ($exist = $block->getProductCollection()) {
$type = 'new';
$mode = 'grid';
$type = $type . ' ' . $mode;

$class = 'widget' . ' ' . $type;

$image = 'new_products_content_widget_grid';
$title = __('New Products');
$items = $exist;

$showAddTo = true;
$showCart = true;
$templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW;
$description = ($mode == 'list') ? true : false;
$canItemsAddToCart = false;
}
break;

case 'other':
break;
}
?>

<?php if ($exist):?>
<div class="clearfix"></div>
<?php if ($type == 'related' || $type == 'upsell'): ?>
<?php if ($type == 'related'): ?>
<div class="block <?= /* @escapeNotVerified */ $class ?>" data-mage-init='{"relatedProducts":{"relatedCheckbox":".related.checkbox"}}' data-limit="<?= /* @escapeNotVerified */ $limit ?>" data-shuffle="<?= /* @escapeNotVerified */ $shuffle ?>">
<?php else: ?>
<div class="block <?= /* @escapeNotVerified */ $class ?>" data-mage-init='{"upsellProducts":{}}' data-limit="<?= /* @escapeNotVerified */ $limit ?>" data-shuffle="<?= /* @escapeNotVerified */ $shuffle ?>">
<?php endif; ?>
<?php else: ?>
<div class="block <?= /* @escapeNotVerified */ $class ?>">
<?php endif; ?>
<div class="block-title title">
<strong id="block-<?= /* @escapeNotVerified */ $class ?>-heading" role="heading" aria-level="2"><?= /* @escapeNotVerified */ $title ?></strong>
</div>
<div class="block-content content" aria-labelledby="block-<?= /* @escapeNotVerified */ $class ?>-heading">
<?php if ($type == 'related' && $canItemsAddToCart): ?>
<div class="block-actions">
<?= /* @escapeNotVerified */ __('Check items to add to the cart or') ?>
<button type="button" class="action select" role="select-all"><span><?= /* @escapeNotVerified */ __('select all') ?></span></button>
</div>
<?php endif; ?>
<div class="products wrapper grid products-grid products-<?= /* @escapeNotVerified */ $type ?>">
<div id="relateditem_carousel" class="products list items product-items owl-carousel owl-theme"> 
<?php $iterator = 1; ?>
<?php foreach ($items as $_item): ?>

<?php $available = ''; ?>
<?php if (!$_item->isComposite() && $_item->isSaleable() && $type == 'related'): ?>
<?php if (!$_item->getRequiredOptions()): ?>
<?php $available = 'related-available'; ?>
<?php endif; ?>
<?php endif; ?>
<?php if ($type == 'related' || $type == 'upsell'): ?>
<?= /* @escapeNotVerified */ ($iterator++ == 1) ? '<div class="item product product-item" style="display: none;">' : '</div><div class="item product product-item" style="display: none;">' ?>
<?php else: ?>
<?= /* @escapeNotVerified */ ($iterator++ == 1) ? '<div class="item product product-item">' : '</div><div class="item product product-item">' ?>
<?php endif; ?>
<div class="product-item-info <?= /* @escapeNotVerified */ $available ?>">
<?= /* @escapeNotVerified */ '<!-- ' . $image . '-->' ?>
<a href="<?= /* @escapeNotVerified */ $block->getProductUrl($_item) ?>" class="product photo product-item-photo">
<?= $block->getImage($_item, $image)->toHtml() ?>
</a>
<div class="product details product-item-details">
<!--<strong class="product name product-item-name"><a class="product-item-link" title="<?= $block->escapeHtml($_item->getName()) ?>" href="<?= /* @escapeNotVerified */ $block->getProductUrl($_item) ?>">
<?= $block->escapeHtml($_item->getName()) ?></a>
</strong>-->

<!--<?= /* @escapeNotVerified */ $block->getProductPrice($_item) ?>-->

<?php if ($templateType): ?>
<?= $block->getReviewsSummaryHtml($_item, $templateType) ?>
<?php endif; ?>

<?php if ($canItemsAddToCart && !$_item->isComposite() && $_item->isSaleable() && $type == 'related'): ?>
<?php if (!$_item->getRequiredOptions()): ?>
<div class="field choice related">
<input type="checkbox" class="checkbox related" id="related-checkbox<?= /* @escapeNotVerified */ $_item->getId() ?>" name="related_products[]" value="<?= /* @escapeNotVerified */ $_item->getId() ?>" />
<label class="label" for="related-checkbox<?= /* @escapeNotVerified */ $_item->getId() ?>"><span><?= /* @escapeNotVerified */ __('Add to Cart') ?></span></label>
</div>
<?php endif; ?>
<?php endif; ?>

<?php if ($showAddTo || $showCart): ?>
<div class="product actions product-item-actions">
<?php if ($showCart): ?>
<div class="actions-primary">
<?php if ($_item->isSaleable()): ?>
<?php if ($_item->getTypeInstance()->hasRequiredOptions($_item)): ?>
<button class="action tocart primary" data-mage-init='{"redirectUrl": {"url": "<?= /* @escapeNotVerified */ $block->getAddToCartUrl($_item) ?>"}}' type="button" title="<?= /* @escapeNotVerified */ __('Add to Cart') ?>">
<span><?= /* @escapeNotVerified */ __('Add to Cart') ?></span>
</button>
<?php else: ?>
<?php $postDataHelper = $this->helper('Magento\Framework\Data\Helper\PostHelper');
$postData = $postDataHelper->getPostData($block->getAddToCartUrl($_item), ['product' => $_item->getEntityId()])
?>
<button class="action tocart primary"
data-post='<?= /* @escapeNotVerified */ $postData ?>'
type="button" title="<?= /* @escapeNotVerified */ __('Add to Cart') ?>">
<span><?= /* @escapeNotVerified */ __('Add to Cart') ?></span>
</button>
<?php endif; ?>
<?php else: ?>
<?php if ($_item->getIsSalable()): ?>
<div class="stock available"><span><?= /* @escapeNotVerified */ __('In stock') ?></span></div>
<?php else: ?>
<div class="stock unavailable"><span><?= /* @escapeNotVerified */ __('Out of stock') ?></span></div>
<?php endif; ?>
<?php endif; ?>
</div>
<?php endif; ?>

<?php if ($showAddTo): ?>
<div class="secondary-addto-links actions-secondary" data-role="add-to-links">
<?php if ($addToBlock = $block->getChildBlock('addto')): ?>
<?= $addToBlock->setProduct($_item)->getChildHtml() ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
<?= ($iterator == count($items)+1) ? '</div>' : '' ?>
<?php endforeach ?>
</div> 
</div>
</div>
</div>
<script type="text/javascript">
requirejs(['jquery','owlcarousel'],function(jQuery,owlCarousel){
(function($) {
$(window).load(function () {
$('#relateditem_carousel').owlCarousel({
items:4,
lazyLoad:false,
loop:false,
margin:10,
nav:false,
dots:false,
autoplay:true,
response:true,
autoplayHoverPause:false,
autoWidth:false,
responsive : {
0 : {
items:1,
},
420 : {
items:2,
},
768 : {
items:3,
},
991 : {
items:4,
}
}
});
});
})(jQuery);
});
</script> 
<?php endif;?>

 

Step 5: Now run the following CLI commands.

sudo rm -rf pub/static/frontend/*

sudo rm -rf var/cache/*

php bin/magento setup:upgrade

 

Owl Slider on Detail Page in Magento 2

Thats' all!!

 

 

Related Posts:

How to Get Data on Frontend From System Configuration File in Magento2

Add JS File in Magento 2 Module: How to Add Java Script