---
title: "Starting a Joomla 4 eCommerce Store With HikaShop"
description: "Joomla Hosting is a versatile platform for starting an online store and the HikaShop extension is a popular and well-reviewed way to add this ability. Once installed you can easily set up digital or..."
url: https://www.inmotionhosting.com/support/edu/joomla/joomla-4/starting-ecommerce-store-with-hikashop/
date: 2021-09-22
modified: 2023-05-24
author: "InMotion Hosting Contributor"
categories: ["Joomla 4"]
type: post
lang: en
---

# Starting a Joomla 4 eCommerce Store With HikaShop

![Learn How to Start a Joomla 4 eCommerce Store with HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/Starting-a-Joomla-4-eCommerce-Store-with-HikaShop-1024x538.png)

[Joomla Hosting](https://www.inmotionhosting.com/joomla-hosting) is a versatile platform for starting an online store and the HikaShop extension is a popular and well-reviewed way to add this ability. Once installed you can easily set up digital or shippable products and begin selling them from your website

This guide will help you start a Joomla 4 eCommerce store using the free HikaShop extension. First, we will show you how to install the HikaShop extensions then we’ll show you how to add a product and cart module to your site.

- [Installing the HikaShop Extension](#install)
- [Adding a Product](#product)
- [Adding a Cart Module](#cart)
- [Setup a Shipping Method](#shipping)
- [Setup a Payment Method](#payment)

**Note: **In my test, you must [enable Joomla 4 User Registration](https://www.inmotionhosting.com/support/edu/joomla/joomla-4/joomla-4-user-registration/) before customers will be allowed to check out successfully.

## Installing the HikaShop Extension

1. [Login to the Joomla Admin Panel](https://www.inmotionhosting.com/support/edu/joomla/how-to-log-in-to-administrative-dashboard/).
2. Click **System** in the navigation menu, then under *Install* click the **Extensions** link.
3. Click the **Install from Web **tab.
4. Type ‘**hikashop**’ in the search field without the quotation marks then click the **Enter** key or the search button.
5. You will see the **HikaShop** extension listed, click it.![Installing the HikaShop eCommerce Module in Joomla 4](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/install-hikashop.png)
6. You will then see information about the extension. Click the green **Install** button, it will then scroll down to the bottom of the page.![Install HikaShop in Joomla 4](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/install-hikashop-in-joomla-4-1.png)
7. Click the blue **Install** button.
8. The SHOP ACCESS options control where on your site the links to your shop will appear. For example, HikaShop can add a "Categories" link to your navigation, and when a user clicks it, it will take them to a page showing all your categories. There are three ways to configure SHOP ACCESS: Products, Categories, and List of Categories. You can select one, two, or all three options.![Joomla 4 Access Product Settings](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/joomla-4-product-access.png)Below is more information and a preview of how they will look:**Menu item for products** - This will add a menu link to a product listing page on the right of your Joomla site.![Joomla 4 Products Listing in HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/products-listing.png)**Menu item for categories **-This will add a menu link to a listing of product categories. It will look like this.![Joomla 4 Categories Listing in HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/categories-listing.png)**List of categories in a module **- This will add a side module with a list of product categories. Below is how it will look. ![Joomla 4 HikaShop Module Listing](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/module-listing.png)**All 3 Listing Option **- If you select all three of the above options, it will display like this on the front page of your Joomla 4 site.![View of All HikaShop Listing Options](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/all-listing-options.png)
9. Scroll down to the Products Layout section and select a style for your products to display in. You can choose a **Grid**, **List**, or **Table**.![Select Layout for Joomla 4 eCommerce Store](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/joomla-4-product-layout.png)
10.  Set your **Location** by choosing a **Country**, **State**, and entering an **Address**.
11. Now choose the*** *Main Parameter **settings.![Set HikaShop Main Paramaters](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/joomla-4-main-parameters.png)These are the available options.• **Currency and Taxes configuration** - Select your currency from the drop down menu here. Popular options are euros (EUR), dollars (USD), yen (JPY), or pound (GBP)• **Paypal configuration** - Here you can enter your Paypal email address if you want to set it up. This step is optional.• **Product type** - This is where you can select if you will be selling *Virtual* or *Shippable* goods.• **Sample data** - Set this to Yes if you want to include example products and store content. 
12. Click the **Save & go create your first product!** button to complete the HikaShop extension installation.

## Adding a Product

The steps below will show you how to add a new product. This is also where you can set the price and quantity available in your inventory among other things.

If you just installed the HikaShop extension you will be automatically taken to a new product creation page. You can skip to **step 3**.

1. In your Admin Panel, click **Components**, **HikaShop**, then **Products**.
2. Click the **+ New** button on the top of the *Products* page.
3. Fill in your product information as needed then click the **Save** button. Below is a listing of the options that are available in each section. You are finished when you see a message stating “Successfully Saved.”

| Product Section | Options and Screenshot |
| --- | --- |
| Main Options | Here you can enter a *Name*, *Product code*, *Quantity*, *Categories*, *Brand*, *Tags*, *Published* status (Yes or No). |
| Images and Files | This is where you can upload images or files related to the product. |
| Prices and Taxes | This section is where you can select a *Tax category*, *Retail price*, and add price *Restrictions*. |
| Description | Enter detailed information about the product in the text field here. There are formatting and styling tools on the top. Clicking the **Toggle Editor** button will switch you to the HTML editor. |
| SEO | This is where you enter your *Page title*, *Brand URL*,* Meta Description*, *Keywords*, *Alias*, *Canonical URL* and *Condition*. |
| Restrictions and Dimensions | Specify the following product information in this section: Quantity per order, Available from (enter dates here), Warehouse, Weight, and Volume. |
| Specifications | Here you can set product *Characteristics* and add *Related* products. You can add *Options* and *Bundled* products if you purchased the Essential or Business edition of HikaShop. |
| Display | Choose your *Page layout *and *Quantity* *input* method in this section. |

You will then see your new product listed based on the settings you selected. In my test, it looked like this.

![This is What a New Product Looks Like in HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/view-of-product-in-joomla-4-1024x547.png)

##
Add a Cart Module

Now that you have a product customers can add to their shopping cart, you should add a cart module for them to view and check out. Here are the steps.

1. Click **Content** then **Site Modules** in your Joomla Admin Panel.
2. Type ‘cart’ in the search box then hit the **Enter** key.
3. You will see the HikaShop Cart Module listed. Click the **X **under *Status* to publish it.![Saving the HikaShop Cart Module in Joomla 4](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/publish-hikashop-cart-module.png)You will see a message stating “Module published” and your site will then display the HikaShop Cart module on pages. Below is how it will look when it is empty and when it has a product in it.

**Cart with no product:**

![View of an Empty HikaShop Cart in Joomla 4](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/hikashop-cart-module-empty-1024x309.png)

**Cart with product:**

![HikaShop Cart Module With Item](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/hikashop-cart-module-with-product-1024x261.png)

## Setup a Shipping Method

1. In the Joomla Admin Panel click the **System** link.
2. Under *Manage* click the **Plugins** option.
3. Enter "**manual shipping**" in the search box then click the **enter** key.
4. You will see the "HikaShop manual shipping plugin" listed, click the '**X**' under *Status* to enable it.![Activate Manual Shipping in HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/hikashop-manual-shipping-plugin.png)You will then see the shipping methods listed when you attempt to check out.![View of Shipping Methods in Joomla 4 HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/shipping-methods-listed.png)

**Note:** You can modify the default shipping settings by going to **Components**➤**HikaShop**➤**Configuration** in your Admin Panel. Then click the **System** option and select** Shipping Methods**.

## Setup a Payment Method

1. In the Joomla Admin Panel click the **System** link.
2. Under *Manage* click the **Plugins** option.
3. Enter "**payments**" in the search box then click the **enter** key.
4. You will see the "Hikashop Paypal Website Payments Pro Hosted Payment plugin" listed, click the '**X**' under *Status* to enable it.![Enable Paypal in Joomla 4](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/hikashop-paypal-payment-method.png)
5. In your navigation menu click **Components** then **HikaShop**.
6. Click the **Configuration** option.
7. Select the **System** option and choose **Payment Methods**.
8. You will then see a list of all the default payment options. Select the ones you want to use and choose your settings. In my tests, I used the **Paypal** payment method.
9. Fill in your payment gateway settings as needed. These specific steps will depend on the payment method you selected.
10. Click the **Save & Close** button after entering your settings. You will then see the new payment method displayed when you proceed to checkout.![View of Payment Methods in Joomla 4 HikaShop](https://www.inmotionhosting.com/support/wp-content/uploads/2021/09/payment-methods-listed.png)

Now you know how to start a Joomla 4 eCommerce store using the HikaShop extension. You can begin selling digital or shippable goods online. Check out our [Joomla 4](https://www.inmotionhosting.com/support/edu/joomla/joomla-4/) section for more guides to help you build a successful site.