Knowledge Base

Theme Setting
...
 

Megamenu

1. Menu

Used to create and manage standard menus across the theme.
Examples include:

• Main Menu

• Top Menu

• Footer Menu 1–4

Each menu consists of menu items that can link to pages, categories, or external URLs.

2. Builder

Used to create megamenu layouts.
A megamenu is not standalone—it works as a submenu for a specific menu item.

Each menu item can optionally be linked to one megamenu builder, allowing you to display a rich, structured dropdown with multiple columns, images, or custom content.

How to Use the Builder

1. Add or Edit a Builder

   • When creating a new builder, a sample megamenu layout will be loaded automatically with 3 columns.

   • You can change the number of columns from the Column menu.

2. Add Blocks to a Column

   • Add new blocks to a specific column, or edit the existing sample blocks.

   • Click Save in the Add Block popup to apply the changes.

3. Save Your Changes

   • Click Save in the top-right corner, or press Ctrl + S.

4. Preview the Changes on the Frontend

   • Refresh the page to see the updated megamenu.

Note
In the current version of the Builder, some fields must be filled manually.
For example:

• Category links

• Product images

• Banner images

• Product price (for product card display)

Tip: How to Get a Product Image URL

1. Open the product page on the frontend.

2. Right-click on the product image and select “Copy image address / Copy image location.”

3. Paste the full image URL into the Thumb Image or Banner Image field in the Builder.

How to Get a Smaller Image Thumbnail

1. Open the Product List page in the admin area (open it in a new tab if needed).

2. Locate the product you want to display in the megamenu.

3. Right-click on the product image thumbnail.

4. Select “Copy image address / Copy image location.”

5. Paste the copied URL into the Thumb Image or Banner Image field in the Builder.

This method gives you a smaller, optimized thumbnail image, suitable for megamenu display.

HP Quick Checkout is an OpenCart extension to increase customer checkout speed compared to the default opencart checkout feature, this extension is also equipped with a login feature using social media such as Facebook or Google.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing Module HP Quick Checkout, you will get a file with the name XXXX.ocmod.zip format.

2. Navigate to page Extension → Extension Installer, then upload the file with the name XXXX.ocmod.zip  earlier.

NOTE

On OC 2.x
Make sure the upload process until there is a success message: Success: The extension has been installed!
If an error message appears: … is using the same ID code as the one you are trying to upload!
It means you have uploaded the same file before. So you don't have to re-upload it.

For the Update Process:
there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access menu Extensions → Modifications. Then click the Refresh  button at the top right, as shown in the following image.

Refresh Mods – HP Social Login OpenCart

4. Access the module page. Extension → Module / Extension → Extension, filter for Module (OC →= 2.3.0.x). Click Install and Edit HP Quick Checkout. At this point you will see the settings page HP Quick Checkout or the shop validation page (if not previously validated). The same page can be accessed via the Admin Menu (HP Web Design → HP Quick Checkout).

5. Store Validation

Every purchase of the premium opencart extension on HP Web Design will be validated for a license when you want to use it on the website, this validation is carried out in connection with the license per purchase limit. Articles about the validation process can be read at the link https://bariklabs.com/how-to-get-license-key

6. General tab

• Status : To activate the module.
• Available Country : The country that the user can choose when filling in the address (please select at least 1 country for checkout).
• Color Scheme : Cart and checkout page color theme that can be customized with the website theme.
• Show Coupon Codes : To display a list of coupons on cart and checkout pages.
• Checkout Success Checkout : Please activate it to get a better and more informative successful order page feature.

7. Tab Fields

8. Coupons tab

9. Shipping Methods tab

You can enable or disable the available shipping here (enable at least 1 shipping method for your needs during checkout process).

10. Payment Methods tab

You can activate or deactivate the available payment methods here (enable at least 1 payment method for your needs during the checkout process).

10. Facebook and Google Tabs

To activate the Facebook and Google login features, there are quite a lot of configurations done, please follow the explanation below.

Settings Login / Register Facebook

1. Go to the link https://developers.facebook.com/apps/

2. Click the button Create App

3. Select Consumer.

4. Fill Display Name with the name of the website you are using.

5. Click the Set Up button on Facebook Login.

6. Select Platform Web and enter your URL web.

7.  Go to page Settings on Facebook Login.

8. Fill in the Form Valid OAuth Redirect URIs with :

https://{your domain}/index.php?route=checkout/checkout

setting OAuth redirect URI on hp social login opencart

9. Open the Basic page via the menu Settings > Basic. Fill in everything according to your web information except Namespace (optional).

10. Go to the App Review page > Permissions and Features. Click Get Advanced Access for public_profile and email. If you already Get Advanced Access it will appear as below.

11. Buat App Mode ke Live.

12. Copy App ID and App Secret, so you can see App Secret press button Show</strong >.

13. Return to the HP Social Login settings page and paste App ID and App Secret which you copied earlier. Don't forget to set Status so that On.

Settings Login / Register Google

1. Go to the link https://console.developers.google.com/apis/dashboard.

2. If you don't have a Project, click Select Project.

3. Click New Project, then fill in the data. If you have clicked the Create button.

4. Go to page Credentials then click Create Credentials. Select OAuth Client ID.

5. Select Web application in Application type and fill in URIs with :

For OpenCart 2.3 and OpenCart 3:

https://{your domain}/index.php?route=hp_qcheckout/hp_qcheckout_social_login/google

For OpenCart 4.0.2.3
https://{your domain}/index.php?route=extension/hpqcint/hp_qcheckout/google

Then press the button Create.

6. Copy Client ID and Client Secret.

7. Go back to the HP Social Login settings page and paste Client ID and Client Secret. Don't forget to set Status so that On.

This is how to configure HP Quick Checkout. That's all from us, hopefully useful. If there are difficulties, don't hesitate to ask us for further technical support.

How to update extension

1. Download extension latest version
2. Extract and upload ...ocmod.zip file on extension install page
3. Refresh Modification on Extension > Modification
4. (If any Upgrade Database button on setting page) Goto page setting extension, click "Advance" tab and click Upgrade Database button

HP Address Settings is an OpenCart module that is used specifically to delete customer address data automatically with certain dynamic restrictions.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Download and extract the Mobile Address Settings module.
2. Access Installer Extension, Extension → Installer.
3. Upload file: upload.ocmod.zip on the extracted HP Address Settings.
4. Wait until the process is complete.
5. Install by: Access to the module page. Click install and edit on HP Address Settings.
   HP Address Seting
6. Access Extension → modification. Refresh Modification. Then access to this settings page will also be available in the Subscriber submenu as shown above.

This HP Admin Security Module for OpenCart is a module that can be used to secure the opencart admin login page so that it can only be accessed with a predetermined key, this aims to prevent the website from being hacked. This article will provide a guide for using the HP Admin Security module from installation to configuration.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing the HP Admin Security Module, you will receive a file with the name XXXX.ocmod.zip format.
2. Navigate to page Extensions → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.
3. Go to page Extensions → Modifications then click the Refresh button to apply changes to the system, the HP Web Design menu will appear -> HP Admin Security on the left.
   
4. Navigate to page System → Users → User Groups → click the Edit button on the User Group Administrator. Click Select All in Access Permission and Modify Permission then save.
   
5. When you navigate to HP Web Design → HP Admin Security, the following page will appear. This is because every purchase of the opencart premium extension on HP Web Design will be subject to license validation when you want to use it on the website, this validation is carried out in connection with the license per purchase limit. You can read articles about this validation process at https://bariklabs.com/how-to-get-license-key
   .
   
6. After the validation process is successful, the HP Admin Security module settings page will appear so that it can be used.

This is the HP Admin Security module installation guide.

Configure the HP Admin Security Module

Please navigate to HP Web Design → HP Admin Security. The settings page will open as shown below, you can start with  set to position on to enable all features and add a key for your admin login page as shown below.

This is the guide for installing and using the HP Admin Security module in the Opencart online store. Thank you

HP Advanced Affiliate is an OpenCart extension  which helps maximize OpenCart's built-in affiliate features, by adding other very useful features to the affiliate program.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

Configure the HP Advanced Affiliate Module

• Status : Set to enabled to turn on the module .
• Placement : The affiliate link, button and affiliate link will be placed on the product page after the filled id or class.
• Complete Order Status : Commission will be paid to affiliate if order status is changed to specified complete status.
• Commission Amount for Registration : Commission for affiliates who successfully invite new user registration.
• Commission Amount : Commission for affiliates who successfully invite new customers to place an order and the order is complete according to the settings Complete Order Status.
• Customer Discount : Discount for new customers who use the affiliate link that has been shared.
• Minimum Order Total : Commissions for affiliates will only apply if the minimum order total has been reached.
• Affiliate Link : Set to yes to display affiliate links on product pages.
• Affiliate Registration : Set to yes to display the list as an affiliate on the customer registration page.

• Status : Set to enabled to show popups on product pages.
• Color Schema : The background color for the popup.
• Various social media settings : Set to yes to display share buttons to social media.

In the settings section of the translation tab, you can fill in the translation text for the various languages that are enabled, in this section there are also Info Graphic and Side Image image settings that will be displayed on the popups.

Adding Side Affilite Menu

• Side menu could be used by affiliate to access several important features like profile, tracking and transactions.
• Add that menu to account layout by navigating to Design :: Layout. Edit Account layout. And add "HP Advanced Affiliate" module on column right/left as you prefer. Save.

Adding Side Affiliate Menu on Journal Theme

• Access Journal :: Layout. Edit Account layout. Then add new module.
• Select OpenCart menu that located on the bottom most menu. Select "HP Advanced Affiliate" module from the list.
• Then hit save. See the following figure:

Attach Affilite Menu to Account Layout

Go to administrator, click menu design -> layout and then click edit account

Add Module HP Advance Affiliate in column right or column left

You can see affiliate menu in account page

.httaccess SETTING

HP Auto Cancel module for OpenCart is a module that can be used to change the order status automatically at certain time intervals, for example if you want to change the order status to expired if 3 days have passed without being paid. In this article, we will present a guide to using the HP Auto Cancel module starting from preparation for installation, installation to configuration and an explanation of the features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing the HP Auto Cancel Module, you will receive a file with the format name XXXX.ocmod.zip.
   
2. Go to Extensions page → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.
3. Go to Extensions page → Modify then click the Refresh button to apply the changes to the system.
4. Go to Extensions page → Extension → Module, then click the Install button on the HP Auto Cancel module, the installation is successful if the uninstall button appears as shown below.
   
5. Go to System page → Users → User Groups, and then click the Edit button in the User Group Administrator. Click Select All in Access Permissions and Change Permissions, then save.setting-permission
   
6. Make sure the HP Web Design → HP Auto Cancel menu appears, if not, please pay attention to the steps above, maybe you missed something.
7. When you first open the HP Web Design → HP Auto Cancel page, the following page will appear. Please validate your store by contacting our admin, click the Contact Us button provided.
   
8. After the validation process is successful, the Auto Cancel module settings page will appear, but if you find a warning like the image below, please click the install table first to enter the settings page.
   

Configuring the HP Auto Cancel Module

Please navigate to HP Web Design → HP Auto Cancel. The settings page will open as shown below.

The image shows the table of rules that will be used to change the order status, in order to better understand the function of this module, let's try to create a rule where “If the order status is pending and does not change for 3 days then change the status to expired“ .

To create a new rule, please click the plus (+) button in the upper right corner, a form will open as shown below. I've filled out the form with the rules we planned in advance.

Explanation of the above form

Order Status I set it from pending to expired, meaning that only orders with pending status will be changed to expired.

Description, serves as a note to admin regarding the rules made.

Interval is used to change order status after 3 days.

Replace, select yes if customer order is blocked from changing order status due to anti-fraud extension.

Notify, if yes then a comment will be sent to the customer. Otherwise, the comments will be hidden and only visible to the admin.

Comments, are comments about order status that can be viewed by customers or admins.

Status allows you to enable or disable a rule without deleting it.

If it's what you want, please click save in the upper right corner.

Now if we return to the main HP Auto Cancel settings page, the previously created rules have appeared and will start changing the order status automatically.

Actually the configuration tutorial has been completed, but before closing this article, I want to convey why HP Auto Cancel can run automatically to change the order status. The hope is that if one day HP Auto Cancel doesn't work, you can solve the problem quickly.

HP Auto Cancel runs by utilizing the Cronjobs support extension and HP Cron List, when you successfully install HP Auto Cancel, the Cron List setting will automatically add a route code to run HP Auto Cancel. So if you don't find the route code extension/module/hp_auto_cancel/index in the Cron List table, please add it manually.

You can also execute the HP Auto Cancel route code directly via Cron Job using the cronjob code format as follows.

wget -q -O /dev/null "https://yourdomain/index.php?route=extension/module/hp_auto_cancel" > /dev/null 2>&1

This is a guide for installing and using the HP Auto Cancel module in the Opencart online store. Thank you very much

This HP Chat Purchase Button Module for OpenCart is a module that can be used to display purchase buttons via social media to customers, making it easier for customers to contact you directly if they want to buy an item from your online store. The features provided by this module include the buy button for whatsapp, line, facebook, and telegram. This article will present a guide to using the HP Chat Purchase Button module from installation to configuration and the features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing the HP Chat Purchase Button Module, you will receive a file with the name XXXX.ocmod.zip format.
2. Navigate to page Extensions → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.
3. Open page Extension → Modification then click the Refresh button to apply changes to the system, the HP Web Design menu -> Purchase Chat button will appear on the left.
   
4. Navigate to page System → Users → User Groups → click the Edit button on the User Group Administrator. Click Select All in Access Permissions and Modify Permissions then save.
   
5. When you navigate to HP Web Design → Purchase Chat Button, the following page will appear. Please validate your store by contacting our admin, click the Contact Us button available.
   
6. After the validation process is successful, the Chat Purchase Button module settings page will appear so that it can be used.

This is the HP Chat Purchase Button module installation guide.

Configure the Mobile Chat Purchase Button Module

Please navigate to HP Web Design → HP Chat Purchase Button. The settings page will open as shown below, you can start with  set enable module to green position to enable all features in Chat Purchase Button module.

A feature is provided to remove the trolley button so that customers can be directed to make purchases through social media, then there are settings for social media accounts for whatsapp, line, facebook, and telegram. You can easily turn it on (green) and off (red) if you don't want it, and there is a button color setting on every social media to make it easier for customers to recognize it.

In addition there is a dynamic text feature that is used for social media buttons and whatsapp messages that will be sent by customers, you can directly interact to better understand how to use it, if you have difficulties please contact us.

The following is an example of how the HP Chat Purchase Button module will appear on the product page.

This is a guide to install and use the HP Chat Purchase Button module in the Opencart online store. Thank you

HP Coupon Management PRO extension will help you enhance default OpenCart coupon funtionality. More usable and manageable way.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

HP Delivery Partners is an OpenCart extension to add delivery partners feature in your system.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing Module Hp Delivery Partners, Download and extract it. 
You will get a file with the name XXXX.ocmod.zip format.

2. Navigate to the Extension → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.

NOTE

On OC 2.x
Make sure the upload process until there is a success message: Success: The extension has been installed!
If an error message appears: … is using the same ID code as the one you are trying to upload!
It means you have uploaded the same file before. So you don't have to re-upload it.

For the Update Process:
there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access the menu Extensions → Modifications. Then click the Refresh button at the top right, as shown in the following image.

Refresh Mods – Hp Delivery Partners OpenCart

4. Access the modules page.
Extension → Module / Extension → Extension
Filter for Module (OC →= 2.3.0.x above ).
Click Install and Edit Hp Delivery Partners.
At this point you will see the Hp Delivery Partners settings page.
The same page can be accessed via the Admin Menu (HP Web Design → Hp Delivery Partners).

5. Domain Validation

Every purchase of the premium opencart extension on HP Web Design will be validated for a license when you want to use it on the website, this validation is carried out in connection with the license per purchase limit. Articles about the validation process can be read at the link https://bariklabs.com/how-to-get-license-key

6. General tab

• Status : To activate the module.
• Color Scheme : The base color used for the module, is now used for the login and register page color themes
• Term & Condition : information page used for terms & conditions
• Delivered Order Status : Order status for orders that have been delivered
• Completed Order Status : Order status for orders that have been completed
• Available Countries : Country code available when user register

7. Login/Register Page Tab

• Side Background Color : Color used for sidebar on login and register page
• Side Background Image : Background image used for sidebar on login and register page
• Registration Title : Title text for registration form
• Registration Instruction : Instruction text displayed in the sidebar on the login and registration page

8. Facebook and Google Tabs

To activate the Facebook and Google login features, there are quite a lot of configurations done, please follow the explanation below.

Settings Login / Register Facebook

1. Go to the link https://developers.facebook.com/apps/

2. Click the button Create App

3. Select Consumer.

4. Fill Display Name with the name of the website you are using.

5. Click the Set Up button on Facebook Login.

6. Select Platform Web and fill in your web URL.

7.  Go to the Settings page under Facebook Login.

8. Fill in the Form Valid OAuth Redirect URIs with :

https://{your domain}/index.php?route=delivery/hp_delivery_partner

setting 0Auth redirect URI on hp delivery partners opencart

9. Open the Basic page via the Settings menu > Basic. Fill in everything according to your web information except Namespace (optional).

10. Go to the App Review page > Permissions and Features. Click Get Advanced Access for public_profile and email. If you have Get Advanced Access it will appear as below.

11. Make App Mode to Live.

12. Copy App ID and App Secret, so you can see App Secret press Show.

13. Return to the Hp Delivery Partners settings page and paste the App ID and App Secret that you copied earlier. Don't forget to set Status to On.

Settings Login / Register Google

1. Go to the link https://console.developers.google.com/apis/dashboard.

2. If you don't have Project yet, click Select Project.

3. Click New Project, then fill in the data. If you have clicked the Create button.

4. Go to the Credentials page and click Create Credentials. Select OAuth Client ID.

5. Select Web application in Application type and fill in URIs with :

https://{your domain}/index.php?route=delivery/hp_delivery_partner/google

Then press the Create button.

6. Copy Client ID dan Client Secret.

7. Return to the Hp Delivery Partners settings page and paste Client ID and Client Secret. Don't forget to set Status to On.

HP Dropshipper is an OpenCart module that is used to provide dropshipper features on your online store. So that your customers can order goods with the status as a dropshipper. This can increase sales on your online store if you have a dropshipper.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Download and extract the HP Dropshipper module.

2. Access Extension Installer, Extension → Installers.

3. Upload file: upload.ocmod.zip on the extracted HP Dropshipper.

4. Wait until the process is complete.

5. Go to menu System > Users > User Groups. Then select a User Group and click Select All under Access Permission and Modify Permission.

6. Access Extension → modification. Refresh Modification.  Then you can access HP Dropshipper in the HP Web Design menu.

7. Install by: Access to the modules page. Click install and edit on HP Dropshipper.

8. There are 4 tabs, namely  :

• • General : General settings of HP Dropshipper.
  • Translation : HP Dropshipper language-related settings.
  • Advance : Settings related to table installation and upgrade.
  • Help : Information regarding the HP Dropshipper extension.

9. On General Tab :

1. • Enable Dropshipper : Settings enable HP Dropshipper.
   • Dropshipper Customer Group : User Group settings when registering as a Dropshipper.
   • Default Country : The default country setting for the mobile number.
   • Top Link : Settings enable link in header.
   • Bottom Link : Settings enable link in footer.
   • Dropshipper Registration : Checkbox settings “Register as Dropshipper”.
   • Send as Dropshipper on Cart Page : Settings enable Dropshipper Section on Cart page.
   • Send as Dropshipper on Checkout Page : Settings enable Dropshipper Section on Checkout page.
   • Only Dropshippers Can Send Dropships : Setting only Dropshippers can send as dropshipping.
   • Allow send Whatsapp : Allows Dropshipper to send messages to customers.
2.  

10. On the Translation Tab :

• • Heading Title : Title of Dropshipping Section.
  • Send Dropshipper Instruction : Text of Dropshipping Section instructions.
  • Whatsapp message template : Template for whatsapp.

11. On the Advance Tab :

• • Uninstall Table : To uninstall HP Dropshipper.
  • Patch for Upgrade : To upgrade table on HP Dropshipper.

Dropshipper Registration

1. To register as a Dropshipper, you can click on the option “Yes” when registering as a customer.

Manage Dropshipper Profile & Customers

1. After registering as a Dropshipper, you will be redirected to another page to complete the data.

2. To do dropshippers management, you can access the Customers> menu > Dropshipper.

3. In addition, you can also see a list of customers from the Dropshipper by clicking the Customers button in the action column.

Send As Dropshipper

1. To send as a Dropshipper and provide a Margin Price, you can go to the Cart page then click "Send As Dropshipper". Then enter the Margin Price for each existing product.

Flash Sale module is a module that is used to display products that have special prices. Products with special prices will be displayed in the form of a slideshow so that it will be easier for customers to find a list of products with special prices.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Flash Sale module, make sure to get a file with *.ocmod.zip format. Extraction results may vary, make sure it ends in .ocmod.zip.
2. Navigate to Extensions page → Extension Installer, then upload a file named *.ocmod.zip from the extract earlier.
3. Access the Extension menu → modification. Then click the Refresh button at the top right, as shown in the following image.
4. Navigate to page System → Users → User Groups → Click the Edit Button for Administrators. Click Select All in Access Permissions and Change Permissions.
   
5. Access menu HP Web Design → HP Flash Sale.
   
6. On the HP Flash Sale settings page there are 4 tabs, namely:
   • General Tab : General settings related to the HP Flash Sale module.
   • Products Tab : Settings related to the products you want to include in the slideshow.
   • Translation Tab : Language settings associated with the module.
   • Help tab : General information about the module.
7. On the General Tab there are several settings:
   • Status : To enable and disable the module.
   • Products Per Page: The products you want to appear on one page.
   • Sold Threshold : Minimum product that will be notified "Near Out".
   • Images Per Carousel : Number of products to be displayed in a slideshow on desktop, tablet and mobile views in 1 slide.
   • Images in Carousel : The total number of products to be displayed in the slideshow.
   • Banner Image : Banner for Flash Sale page.
   • Background Color : Background from Flash Sale.
   • Sale Time : Sales end date.
   • Default Discount Rate : The default discount given to the product.
8. On the Product tab there are several settings:
   In this tab there are several options for adding products that you want to include in the Flash Sale.
   • Add From Category : Add products to Flash Sale by category.
   • Add Selected Product : Add products to Flash Sale based on selected products.
   • Flash Sale Product : List of products in Flash Sale.
9. On the Translate Tab there are several settings:
   • Heading Title : Flash Sale page title.
   • Description : Description on Flash Sale page.
   • Text time left  : Text of remaining time.
   • Meta Keyword : Meta Keyword from Flash Sale page.
   • Meta Description : Meta Description of Flash Sale page.
10. Slideshow HP Flash Sale as below :
    

How to show counter manufacturer
- add id "hpmim_count" in your custom link
example <a href="{{ manufacturer_inquiry }}" class="list-group-item">Manufacturer Inquiry <div id="hpmim_count"></div></a>

HP Map Location is an Opencart module that is used to add location map input to customer address.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Download and extract the Mobile Address Settings module.
2. Access Installer Extension, Extension → Installer.
3. Upload file: upload.ocmod.zip on the extracted HP Map Location.
4. Wait until the process is complete.
5. Install by: Access to the module page. Click install and edit on HP Map Location
6. Validate Store

Create Google Map API Key

1. Go to the link : https://console.cloud.google.com/apis/dashboard
2. Click the button CREATE PROJECT
3. Input your project name on Project Name field and then click CREATE buton
4. Setup billing by click Billings on sidebar menu
5. Click ENABLE APIS AND SERVICES on menu Enables APIs & Services
6. Select Maps Javascript API and then click Enable. After that click Manage.
7. Goto menu Keys & Credentials and click Create Credentials and select API KEY
8. Click details on new API Key and click Edit API Key
9. Follow the configuration in the picture below and click Save

HP Marketplace is an OpenCart module that is used to provide Marketplace (Multiseller) features on the OpenCart system.

Register Seller

For customers who want to register as a seller, click Register Seller in the top menu as shown below.

After the customer fills out the seller register form and presses the submit button, the customer has been included in the seller list of your store.

You must approve the seller registration through the seller management page in admin.

View Seller Management

You can see the sellers who have registered in your store in the Manage Vendor

menu

Go to the administrator page, click the Vendor menu -> Manage Vendors

On this seller management page you can approve (approve) or disapprove (disagree) sellers who have registered. you can also add, change and delete seller data if needed.

Settings Color Scheme

You can adjust the color theme on the multivendor tmd according to your wishes on the Color Scheme

You can open the Color Scheme feature in the Vendor Menu -> Vendor Settings Click on the General tab -> Settings as in the image below.

Order Status Settings

In addition to setting the color scheme, you can also set the order status available for sellers to update each seller's product orders ordered by the customer.

To see the Order Status settings for a seller, enter the Vendor menu -> Vendor Settings click the Vendor Restriction tab as shown below.

Here you can set the order status for paid, processing, shipped and canceled Order status which can be updated by the seller. you can also set any order status that the seller can see.

Manage Delivery of Product Seller & Admin

You can manage the courier that will be used in product delivery, in addition to the product from the admin you can also determine which courier can be used by sellers who have registered on the web.

To manage product delivery, you can open the Hp Web Design menu -> Hp Shipping Bundle Click on Shipping tab to manage admin shipping and click on Shipping Seller tab to manage seller's shipping.

Shipping Settings for Seller

Sellers are required to arrange delivery before product input. To manage shipping you can enter the seller's admin click the Manage Shipping menu. Fill in the shipping base first by selecting the province, city and sub-district after that select the available shipping expedition then click the save button

Additional Marketplace Provider Commission

If you want to add a commission from each seller's product sale, you can add a commission for the marketplace provider. To add commissions for marketplace providers you can open the Vendor menu -> Commission.

You can add commission based on product category and the commission amount can be fixed, percentage or a combination of both.

Increase Store Courier Rate

You can create your own store shipping rates based on specific weights and regions. to create your own shipping rates enter the administrator click the menu Vendor -> Shipping Rate  Click the add new button in the upper right corner

After that, enter the data in the shipping rate form

Media Manager module is a module for easy management of files and folders. With this Media Manager Module, owners will get convenience such as drag and drop in uploading files or folders.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Media Manager module, making sure to get a *.ocmod.zip file. Extraction results may vary, make sure it ends in .ocmod.zip.
2. Navigate to Extensions page → Extension Installer, then upload a file named *.ocmod.zip from the extract earlier.
   
   
   
   
    
3. Access the Extension menu → modification. Then click the Refresh button at the top right, as shown in the following image.
4. Navigate to page System → Users → User Groups → Click the Edit Button for Administrators. Click Select All in Access Permissions and Modify Permissions.
5. Access the Media menu
   
6. HP Media Manager will appear as shown below

How to Upload Files in Media Manager

After the installation is complete, let's try uploading files with HP Media Manager, in the upload experiment below I will upload 3 image files at once.

1. After opening the Media Manager page, right mouse click → upload files. The file upload button can also be accessed in the row of buttons above it.
2. Then a dialog like the following will open, click Select files to upload a file or Select a folder to upload a folder and files in it, I will click Select files .
   
3. Please select the files you want to upload, if there are many files uploaded, please mark them one by one, if so, please press Enter/ Click the OK button.
4. The process of uploading 3 files will appear like this, please wait until the process is complete.

This is a guide for installing and using the HP Media Manager module in the Opencart online store. Thank you very much

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Display the Multiseller Menu

This menu is a module, just like the account module. Where this module contains menus that are used to navigate various special pages provided to sellers, such as links to bank management pages, shipping management, etc.

Add a new Layout to place the multiseller menu module by following these steps.

0. Activate the Multiseller Menu module. Access module page: Extension → Extension filterfor Modules. Install and edit  Multi-seller menu. Select Enable dan Save.

1. Access to: Design →  Layout
2. Add a new layout by clicking the Add button at the top right.
3. Fill in the layout data as follows:
   
4. Attach Module on the right/left column (column right/column left) as shown in the picture:
   

   Attach module in column

   right:left

   NB: Make sure the module is enabled beforehand

5. Save.

To see the changes, login as a seller and access the seller dashboard:

{domain.com}/index.php?route=sellerprofile/sellerprofile

HP Order Tracking is an OpenCart extension that has a function to view the ongoing order process, so that the user who is placing an order can monitor to what stage the order process is. The advantage of Order Tracking is that the user who orders the goods can monitor the extent to which the shipment is made. The convenience obtained with this extension is where all the settings are only on one page. Users do not need to access multiple menus.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Order Tracking module and consider the following extract. Extracted files may differ from the following images depending on OpenCart compatibility versions.
   
2. Navigate to Extension page > Extension Installer, then upload a file named upload.ocmod.zip

   NOTE

   Make sure the upload process until there is a success message: Success: The extension has been installed!If an error message appears: … is using the same ID code as the one you are trying to upload! So you don't have to re-upload it.

   For Update Process:

   there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access the Extensions menu > modifications. Then click the Refresh button at the top right, as shown in the following image.
4. Navigate to the System page > Users > User Groups > Click the Edit Button for Administrators. Click Select All in Access Permissions and Modify Permissions.
5. Navigate to the HP Web Design page > HP Order Tracking. Press the Install Table button
6. Access the Authentication Tab and please select the method of using the API. Whether to use its own API or use the HPWD API.
   • Use Your Own API : make sure you already have a PRO account at rajaongkir.com. Enter 32 API characters in the fields provided. Then click Apply API. Click Save All Settings.
   • Use HPWD API : enter username and order ID which were obtained when ordering the HP Shipping Bundle. Then click Validate. Click Save All Settings. NOTE For validation when the website is online on the hosting server there is a possibility of server incompatibility which causes validation to fail. Even though the username and Order ID are correct. Please contact Email/WA support for manual validation by us.
7. Go back to the General tab and fill in the form on the General tab
   • Color Scheme  : For color if the step has been done
   • Top Link           : To display the menu on the Homepage Header.
   • Change Order Status After Insert Bulk Receipt : To change Order Status when inputting receipt.
   • Order Status After Insert Bulk Receipt : For Order Status used after input receipt.
   • Order Status     : For order status used in Order Tracking
   • Sort Order        : As a sequence of steps in Order Tracking, you can also make changes to existing icons
8. After setting the sort order make sure you have pressed the Save Icons and Sort Orders button, after that press the Save All Settings button

   NOTE

   At this point you should be able to use Order Tracking on your OpenCart system.

   You can check the success of the installation by:

   Order products as a customer until the checkout process, then access My Account > Order History which is usually located in the upper right corner. Then press the view button you want to see the Order Tracking

How to Enter Receipt on HP Order Tracking

1. To input receipts, first go to the Orders page in the Sales menu > Orders.
2. Select the order you want to input the receipt, then click the view button.
3. Scroll down and select Shipment History tab, enter Shipping Number and select Courier. After that click the Add Shipping Number button.
4. When it is successful, the shipping data will appear in Shipping Details.

How to Enter Receipt Numbers in Bulk

1. To input receipts in bulk, first go to the Orders page in the Sales menu > Orders.
2. At the bottom, there is Upload Waybills, then click Download CSV Format.
   
3. Open the waybills_example.csv file that was downloaded earlier, then edit the data using Microsoft Excel. Don't forget to save after editing.
   • Order ID : Filled with Order ID to which you want to give a receipt number
   • Expedition : Filled with the courier used, for example: POS, JNE, etc.
   • Receipt Number : Filled with receipt number to be inputted.
4. Upload the waybills_example.csv file earlier, if the message Waybills Uploaded appears, the receipt number has been successfully entered.

HP Pavo Blog for OpenCart is a module that can be used to add blog article features on the OpenCart website, the main feature of this module is like a blog system in general and is integrated with the default features of OpenCart. This article will present a guide to using the HP Pavo Blog module from installation to configuration and the features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing the HP Pavo Blog Module, you will receive a file with the name XXXX.ocmod.zip format.
2. Navigate to page Extensions → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.
3. Open page Extension → Modification then click the Refresh button to apply changes to the system, the Pavo Blog menu will appear on the left.
4. Navigate to page System → Users → User Groups → click the Edit button on the User Group Administrator. Click Select All in Access Permissions and Modify Permissions then save.
5. When you navigate to Pavo Blog → Settings, the following page will appear.
6. That's because, every purchase of premium opencart extensions on HP Web Design will have its license validated when you want to use it on the website, this validation is done in connection with the per-purchase license limit. An article about the validation process can be read at the link https://bariklabs.com/how-to-get-license-key
7. After the validation process is successful, the HP Pavo Blog module settings page will appear, but before the settings are displayed you need to click the install table button first.
   

This is the HP Pavo Blog module installation guide.

Configure the Pavo Blog Module

The following are the menus that can be accessed on the left menu.

For the first time installation, please navigate to Pavo Blog → Settings. The settings page will open as shown below, you can start with  set enable module to green position to enable all features in Pavo Blog module.

From the above settings, we suggest that you turn all the buttons to green, then set the seo url as per your wish.

We provide article integration with disqus so you can replace our module's built-in comments feature with your own disqus comments.

It should be with the settings described above the HP Pavo Blog module is already active for your website, please test it by visiting https://yourdomain.com/{seo_url}, if it looks like this below then the installation is successful

Configure .htaccess to generate a sitemap

Before we do anything, it is suggested that you back up your htaccess so that you can revert to a previous version if something goes wrong.

1. Log in to your control panel.

2. In the Files section, click on File Manager to open.

3. The File Manager displays different folders or website directories and website files - some of which are hidden. Select the directory you wish to access.

4. To see the .htaccess file, click Settings in the upper right-hand corner.

5. Make sure the Show Hidden Files (dotfiles) are checked. This will refresh the page, and all files starting with a . (dot) will be displayed. 

6. Click Save.

To edit the .htaccess File:

1. If you have a single domain, go to public_html to find the .htaccess file. (If you have other domains, access that domain's document root to edit the .htaccess.).

2. Right-click on the .htaccess file and click Edit from the menu. Alternatively, you can click on the icon for the .htaccess file and then click on the Edit icon at the top of the page.

3. A dialogue box may appear asking you about encoding. Just click Edit to continue. The editor will open in a new window.

4. add this script ->  RewriteRule ^blog-sitemap.xml$ index.php?route=extension/pavoblog/sitemap [L]

5. Click Save Changes in the upper right-hand corner when done.

6. Test your website with this url {your_website}/blog-sitemap.xml to make sure your changes were successfully saved. If not, correct the error or revert to the previous version until your URL sitemap works again.

Payment Confirmation is an extension that is used to confirm payment when the customer has placed an order and has made a payment. There is a mailer system (email sender) when the customer has confirmed the payment. Both from the customer's side as a receipt and from the seller's side as a notification to immediately process customer orders. Thus business processes can run faster.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the Payment Confirmation module and think the following is the extraction result. The extracted file may differ from the following image depending on the OpenCart compatibility version.
   
2. Navigate to the Extensions page >Installer, then upload a file called upload.ocmod.zip

   NOTE
   Make sure the upload process until there is a success message: Success: Extension has been installed! If an error message appears: … uses the same ID code as the one you are trying to upload!That means you have uploaded the same file before. So no need to re-upload.

   For the Update Process:
   there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access the Extension menu > modification. Then click the Refresh button at the top right, as shown in the following image.
4. Navigate to the System page > Users > User Groups > Click the Edit Button for Administrators. Click Select All in Access Permissions and Modify Permissions.
5. Navigate to the HP Web Design page > Payment Confirmation. Press the Install Table button.
6. After the installation process is complete, 3 important tabs are provided, namely:
   1. General : To set the Payment Confirmation procedure
   2. Bank Account : To set the bank to be used in Payment Confirmation
   3. Shipping : To set shipping
7. Back to General Tab, on that tab there are various settings, make sure you have changed Activate Payment Confirmation to Enabled. Make sure after making the settings press the button Save in the right corner.

   

   1. Login Before Confirmation                   : Must log in first when you want to confirm payment
   2. Upload Transfer Receipt is Mandatory : Must upload proof of payment
   3. Order Status After Confirmation           : Change of order status when payment has been made
   4. Subtract Stock After Confirmation      : Doing stock reduction when you have confirmed the payment
   5. Order Status to Return Stock                 :
   6. Activate Payment Confirmation            : Activate the Payment Confirmation extension
8. Bank Account Tab, This tab is used to set the destination account from Payment Confirmation. Make sure after making the settings press the Save button in the right corner.

   

   1. Account Name     : The name of your bank account
   2. Account Number : Your account number
   3. Bank Name          : Bank from your account
9. Shipping tab, this tab is used for setting shipping. Make sure after making the settings press the Save button in the right corner.

   

   1. Shipping Name : Name of shipment
10. Payment Confirmation screen, if you want to make a payment confirmation you can access the route account/confirm
    
    It looks something like this, if you have filled out the form then press the SEND PAYMENT CONFIRMATION button
11. Admin Payment Confirmation screen, you can also see who has confirmed the payment by entering the admin page > Menu Sales > Payment Confirmation

    

    NOTE

    At this point you can use Payment Confirmation on your OpenCart system.
    You can check the installation success by:

    *If you use the Default Theme, you can access it through your shop page and there is a link to the Payment Confirmation page in the navigation menu

    *If you don't use the Default Theme /  After installation, the Payment Confirmation menu does not appear in the navigation menu, so please access: http://domain.com/index.php?route=account/confirm

Installation for this extension has no different with generic OpenCart extension.

You can proceed this 3 simple steps:

1. Download and extract the extension archive

-- You can either download from this website : get logged and navigate to Downloads page.
-- Extract the file and you will find .ocmod.zip file

2. Login to your admin dashboard and Install

-- Navigate to Extension : Installer
-- Click on upload and locate the ocmod.zip file that you just extracted.
-- Let the system upload it for you until it finished.

3. Renew All Access And Modification
-- Access: System : User : User Group
-- Edit Admin user group and select all for Access and Modify. Save.

4. Install the extension

-- Go to Extension : extension : filter for module. Click install icon next to HP Phone Registration.
-- Then Click on edit button.
-- You will be redirected to setting page.

SMS GATEWAY INTEGRATION

HP Phone registration can comply with ANY SMS Gateway that support POST/GET API.

Refer to your SMS gateway provider for POST/GET API curl request.

1. Example: PRO WEB SMS Integration Setting

Endpoint:

https://smshare.fr/api/v2/sms/bulk

Type: POST

Json Content:

{
    "accessToken":"{access token}",
    "gateway": "{gateway}",
    "smsBeans"   :[
        {
            "destination": "{telephone}",
            "message"    : "{message}"
        }
    ]
}

Replace {access token} and {gateway} with correct value taken from pro web sms dashboard.

2. Example msegat.com Integration

Take a look at the API documentation here:

https://msegat.docs.apiary.io/#/reference/operations/get-messages/get-messages/200?mc=reference%2Foperations%2Fget-messages%2Fget-messages%2F200

Endpoint:

https://www.msegat.com/gw/sendsms.php

Type: POST

Json Content:

{
  "userName":"xxxxxx",
  "numbers": "966xxxxxx",
  "userSender":"xxxxxx",
  "apiKey":"xxxxxx",
  "msg":"xxxxxx"
}

HP PRO Email template will helps revamp email templating system on OpenCart.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation.

1. Download .zip archives. You will get 2 types of files one with ocmod.zip extension that ready to upload and another .zip package that actually contains the .ocmod.zip along with some readme files.

You should see something like:

int.hp-pro-email-template.v1.2.2.2.ocmod.zip

and

HP PRO Email Template.v1.2.2.2.OC 3.0.x.x INT

-- You will need to extract this archive to get the ocmod.zip file.

2. Head to Extension:: Installer

• Then upload the .ocmod.zip file

3. Navigate to Extension : Extension : Filter for Module.

• Install and Edit the module

4.  You will be asked for license

• Follow this tutorial on how to licensing an extension: https://bariklabs.com/licensing/how-to-get-license-key

5. After successful installation you should see the following setting.

• Generate template
• Then enable the extension status. Hit save.
• You can try to place order and see your template changes
• Also you can change the template design on Design tab.

Troubleshooting

1. Email doesn't sent to customer

• Check your email setting: make sure it correct. Hare are complete article on how to setup email on OpenCart: https://bariklabs.com/blog/email-settings-opencart
• Test it by sending marketing email. Marketing :: Mail. Send to a customer email (Typically your own email). If you're receiving email: then the your email setting is correct.
• Otherwise: Your email setting is still issue or your had issue with your hosting. Contact hosting for help on email setting.
• Of course you can rely on us to do A-Z troubleshoot: https://bariklabs.com/products/hire-professional-opencart-developer

The HP Pro Request For Quote extension for OpenCart conveniently enables customers to request a quote directly from the product page or any other layout, such as the home page. Whether they are individuals or companies, customers can submit a request for a price offer, including notes about the product. All quote requests are managed efficiently through the Admin dashboard, allowing you to reach out to customers personally. Additionally, the extension provides complete email notifications to keep both parties informed throughout the process.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing the HP Pro Request for Quote OpenCart Module, you will receive a file with the name XXXX.ocmod.zip format.
2. Navigate to page Extensions → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.
3. Open page Extension → Modification then click the Refresh button to apply changes to the system, the Pavo Blog menu will appear on the left.
4. Navigate to page System → Users → User Groups → click the Edit button on the User Group Administrator. Click Select All in Access Permissions and Modify Permissions then save.
5. When you navigate to HP Web Design →  HP Pro Request For Quotes, the following page will appear.

1. That's because, every purchase of premium opencart extensions on HP Web Design will have its license validated when you want to use it on the website, this validation is done in connection with the per-purchase license limit. An article about the validation process can be read at the link https://bariklabs.com/how-to-get-license-key
2. After the validation process is successful, the HP Pro Request For Quote module settings page will appear, but before the settings are displayed you need to click the install table button first.
   

This is the HP Pro Request For Quote module installation guide.

Configure the Pro Request For Quote Module

The following are the menus that can be accessed on the left menu.

For the first time installation, please navigate to Pavo Blog → Settings. The settings page will open as shown below, you can start with  set enable module to green position. This feature allows you to enable quotation requests for every product in your OpenCart store. This way, customers can easily submit price quote requests for the available products.

To enable quotation requests individually for each product in your OpenCart store, navigate to the Products section under Catalog in the Admin dashboard. Open the product form by selecting a product and go to the Data tab. There, you will find the Get Quote option. Set this option to Yes to allow customers to request a quote for the specific product. Don't forget to save the changes by clicking the save button in the top right corner.

On the product page of your OpenCart store, there is a Quote Button [1] that allows customers to request a quote. When this button is clicked, a Quotation Form [2] appears, allowing customers to fill in details such as name, email, company, target price, quantity, and additional notes before submitting the quote request.

To add a generic quote form to the homepage of your OpenCart store, navigate to Design > Layouts in the admin panel. Edit the layout associated with the homepage (commonly named 'Home'). In the layout editor, locate the Content Top section and add the module 'HP Pro Request For Quote' by selecting it from the dropdown list. Save the changes to ensure the module is displayed on the homepage.

Add a generic quotation section to the homepage of your OpenCart store. This section includes:

• [1] Quotation Form: A form where users can specify the product name, model, and quantity they are looking for, along with their details such as name, company, WhatsApp, phone, and email.
• [2] Submit Button: A clearly visible 'Submit RFQ' button that allows users to send their request for quotation directly from the homepage.

This Reseller Management module for OpenCart is a module that can be used in the reseller management of your store. There are quite interesting features in this HP Reseller Management module, such as: the existence of a Reseller Group to facilitate reseller management, discount/discount schemes for certain reseller groups, and other features that will be explained in this article.

This article will provide guidance on how to use the HP Reseller Management module from installation to configuration and the features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Reseller Management module file to get the following file with the extension OCMOD.
2. Navigate to the Extensions page → Installer then upload the extracted upload.ocmod.zip file.
3. Go to Extensions page > Modifications then click the Refresh button to apply the changes to the system.
4. Navigate to the System page → Users → User Groups then click the Edit button for Administrators. Click Select All on Access Permission and Modify Permission then save.
5. When you navigate to HP Web Design → HP Reseller Management, the following page will appear. Please validate your store by contacting our admin, click the Contact Us button provided.
   
6. After the validation process is successful, the module page will appear as follows. Press the Install Database button to add the table to your system database and complete the installation process.
   

This is the HP Reseller Management module installation guide.

Configure the HP Reseller Management Module.

Reseller Group Management and Reseller Registration

1. You can start configuring your Reseller group by creating a customer group identified as Reseller. Navigate to Customers → Customer Groups then click Add New. Then fill in the form as you want, for example as follows.
2. Next navigate to HP Web Design → HP Reseller Management to manage your store. On the General tab you can select the desired group reseller. There is also an Instant Messaging option to add registration options other than via the Web. The Translations tab works in the description of the Reseller page view of your store. You can also use the SMS Gateway provided in the SMS Tab to configure registration options via SMS.
3. Then for Reseller registration on your shop page, it can be done by navigating to the route: account/reseller. Tips : You can provide an HTML column on the side of your shop page which contains the reseller information and the types available in your store.
4. Reseller confirmation feature is available after registration. Navigate to Customers → Reseller to view the entire Reseller list. On this page you can confirm a new Reseller by pressing the Enable button in the Action column of a particular Reseller.
5. You can also add a Reseller through this page by clicking the Add New button and filling in the required information.

Configure Discount Plan for Reseller Group

1. In addition to the configuration of Reseller and Reseller groups, you can define a product discount scheme for certain Reseller groups. Navigate to Catalog → Products then click the Edit button on the specific product.
2. On the Edit page, select the Discount tab and then add a Customer Group from your Reseller group. You can write down the number of products so that you can get discounts, new prices and the validity period of the discount. Click the Save button when finished changing your product details.
3. The following is an example of a discount on a product for Resellers registered with the OpenCart system.

This is an article about installing and using the HP Reseller Management module. Please contact us for more information.

HP Shipping Bundle is an OpenCart extension for the Indonesian local shipping function on the OpenCart platform whose tariff data is always updated, stable and has been localized for shipping needs in Indonesia.

Single Control Panel. Where all the settings are only on one page. Users do not need to access multiple menus to activate the desired expedition.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Shipping Bundle module and guess the following is the extraction result. Extracted files may differ from the following images depending on OpenCart compatibility versions.

2. Navigate to the Extension → Extension Installer, then upload the following file:

OpenCart 3

• upload.ocmod.zip

OpenCart 2.x-2.3

• base-backend-livetariff.ocmod {.xml/.zip}
• base-frontend-livetariff.ocmod {.xml/.zip}
• base-frontend-addition.ocmod {.xml/.zip} (if applicable)
• upload.ocmod.zip

NOTE

On OC 2.x
Make sure the upload process until there is a success message: Success: The extension has been installed!
If an error message appears: … is using the same ID code as the one you are trying to upload!
It means you have uploaded the same file before. So you don't have to re-upload it.

For the Update Process:
there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access the menu Extensions → Modifications. Then click the Refresh button at the top right, as shown in the following image.

Refresh Mods – HP Shipping Bundle OpenCart

4. Access the modules page. Extension → Module / Extension → Extension, filter for Module (OC →= 2.3.0.x). Click Install and Edit HP Shipping Bundle. At this point you will see the HP Shipping Bundle settings page. The same page can be accessed via the Admin Menu (HP Web Design → HP Shipping Bundle).

Status disabled in HP Shipping Bundle

NOTE
Ignore the Disabled status in the HP Shipping Bundle. Because the module page list is only used as a link to the HP Shipping Bundle settings page. Not the actual module. You don't need to make it Enabled.

5. Store Validation

Starting the latest version, 2.2 has held store validation. It's possible that the version you have now is still doing the validation manually.

This validation is carried out in connection with the license per purchase limit. Namely 1 usage domain on 1 purchase.

Send your Order ID and install domain to email support@hpwebdesign.id

With the format:
Subject : Store Validation
Order ID : xxxx
Domain Store/Developtment Store domain: {eg. indolisterasi.com, dev.indoliterasi.com, etc.}

NOTE

The current version is still designed to be auto-validated on localhost. Only, you have to re-validate during deployment. Otherwise, the HP Shipping Bundle will not work properly. And will automatically delete all HP Shipping Bundle settings made on localhost before.

Validation of HP Shipping Bundle store module

After finishing with validation. Refresh the page and you will be taken to the Install table page as follows.

Click Install Table.

Proceed with settings on the HP Shipping Bundle settings page.

On the settings page there are several sections:

Handling Fee

• Handling Fee : The handling fee that will be charged to the client.
• Handling Fee Mode : Type of handling fee, whether folded by weight or flat.

Assurance

• Allow to use assurance : Activate shipping insurance.
• Total: The total that must be achieved for the insurance to be active.
• Percentage : The percentage of insurance.

Options

• Display text “Shipping from” : Displays the text “Shipping from …”.
• Display available shipping : Displays shipping that can be used on the product page.
• Display shipping image in order info : Displays shipping used on the order info page.
• Display shipping image in order total : Displays shipping used on the order total page.
• Show Village Options : Displays village options.
• Show Area Options : Displays area options.

Shipping Base

• Province : Province of origin.
• City : City / Regency of origin.
• Subdistrict : The district from which the shipment is sent.

6. Order Validation
Different from Store Validation above. Order Validation will validate every order you make.

By doing order validation, you will automatically use the API KEY PRO HPWD to get shipping data from rajaongkir.com.

There is also a column for your API KEY PRO input at rajaongkir.com.

Access the Authentication Taband please select the method of using the API. Whether to use own API or use HPWD API.

• Use Your Own API : make sure you already have a PRO account at rajaongkir.com. Enter 32 API characters in the fields provided. Then click Apply API. Click Save All Settings.
• Use HPWD API : Enter username and order ID which were obtained when ordering the HP Shipping Bundle. Then click Validate. Click Save All Settings.

NOTE

For validation when the website is online on the hosting server, there is a possibility of server incompatibility which causes validation to fail. Even though the username and Order ID are correct. Please contact Email/WA support for manual validation by us.

7. Select the desired expedition on the Shipping Tab. Click Save All Settings.

8. You can also set the order in which expeditions appear in the shipping list under the Sort Orders tab.

NOTE

At this point you should be able to use shipping on your OpenCart system.
You can check the installation success by:

1. Access the registration page. If there is a Province, City/Kab and District dropdown (including country for the ISC version) then the installation has been successful.
2. Checkout test. Checkout a product on your OpenCart website then access the cart page and get a quote for estimated delivery. If the expedition appears as activated on the settings page, then the installation has been successful.

CASE

If the test on the cart page appears, but not on the checkout page (shipping method), it's most likely because the address is incomplete. Old accounts registered prior to HP Shipping Bundle setup must have their addresses updated. Edit the corresponding customer address on the Address page.

Intall it just as regular extension:

1. Upload .ocmod.zip file via extension installer

2. Refresh Modification

3. Enable google feed extension.

4. Then modify .htacesss

# Add the following line after Rewrite Engine statement

RewriteRule ^sitemap.xml$ index.php?route=extension/feed/google_sitemap [L]
RewriteRule ^product-sitemap.xml$ index.php?route=extension/feed/google_sitemap/product [L]
RewriteRule ^category-sitemap.xml$ index.php?route=extension/feed/google_sitemap/category [L]
RewriteRule ^information-sitemap.xml$ index.php?route=extension/feed/google_sitemap/information [L]
RewriteRule ^blog-sitemap.xml$ index.php?route=extension/feed/google_sitemap/blog [L]
RewriteRule ^faq-sitemap.xml$ index.php?route=extension/feed/google_sitemap/faq [L]

Intall it just as regular extension:

1. Upload .ocmod.zip file via extension installer

2. Refresh Modification

3. Install HP Sitemap Generator Pro, in extensions -> extensions -> feeds

4. Enable HP Sitemap Generator Pro.

5. Then modify .htacesss

Replace

RewriteRule ^sitemap.xml$ index.php?route=extension/feed/google_sitemap [L]
With
RewriteRule ^sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro [L]
RewriteRule ^product-sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product [L]
RewriteRule ^product-sitemap-1.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product&page=1 [L]
RewriteRule ^product-sitemap-2.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product&page=2 [L]
RewriteRule ^product-sitemap-3.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product&page=3 [L]
RewriteRule ^product-sitemap-4.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product&page=4 [L]
RewriteRule ^product-sitemap-5.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/product&page=5 [L]
RewriteRule ^category-sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/category [L]
RewriteRule ^information-sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/information [L]
RewriteRule ^blog-sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/blog [L]
RewriteRule ^faq-sitemap.xml$ index.php?route=extension/feed/hp_sitemap_generator_pro/faq [L]

 note : Add rewrite rule: product-sitemap-{n}.xml as many as possible products page.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. After purchasing Module HP Social Login, Download and extract it. 
You will get a file with the name XXXX.ocmod.zip format.

2. Navigate to the Extension → Extension Installer, then upload the file with the name XXXX.ocmod.zip earlier.

NOTE

On OC 2.x
Make sure the upload process until there is a success message: Success: The extension has been installed!
If an error message appears: … is using the same ID code as the one you are trying to upload!
It means you have uploaded the same file before. So you don't have to re-upload it.

For the Update Process:
there will be a file override of the old file. Click the Continue button to continue the upload process.

3. Access the menu Extensions → Modifications. Then click the Refresh button at the top right, as shown in the following image.

Refresh Mods – HP Social Login OpenCart

4. Access the modules page.
Extension → Module / Extension → Extension
Filter for Module (OC →= 2.3.0.x above ).
Click Install and Edit HP Social Login.
At this point you will see the HP Social Login settings page.
The same page can be accessed via the Admin Menu (HP Web Design → HP Social Login).

5. Domain Validation

Further Request

General tab

• Status : To activate the module.
• Customer Group : The customer group provided when registering using HP Social Login.
• Checkout Login : Shows a popup at checkout but not logged in.
• Google reCaptcha : Provide Google reCaptcha when registering or logging in.

Settings Login / Register Facebook

1. Go to the link https://developers.facebook.com/apps/

2. Click the button Create App

3. Select Consumer.

4. Fill Display Name with the name of the website you are using.

5. Click the Set Up button on Facebook Login.

6. Select Platform Web and fill in your web URL.

7.  Go to the Settings page under Facebook Login.

8. Fill in the Form Valid OAuth Redirect URIs with :

https://{your domain}/index.php?route=extension/module/hp_social_login/facebook

setting 0Auth redirect URI on hp social login opencart

9. Open the Basic page via the Settings menu > Basic. Fill in everything according to your web information except Namespace (optional).

10. Go to the App Review page > Permissions and Features. Click Get Advanced Access for public_profile and email. If you have Get Advanced Access it will appear as below.

11. Make App Mode to Live.

12. Copy App ID and App Secret, so you can see App Secret press Show.

13. Return to the HP Social Login settings page and paste the App ID and App Secret that you copied earlier. Don't forget to set Status to On.

Settings Login / Register Google

1. Go to the link https://console.developers.google.com/apis/dashboard.

2. If you don't have Project yet, click Select Project.

3. Click New Project, then fill in the data. If you have clicked the Create button.

4. Go to the Credentials page and click Create Credentials. Select OAuth Client ID.

5. Select Web application in Application type and fill in URIs with :

https://{your domain}/index.php?route=extension/module/hp_social_login/google

Then press the Create button.

6. Copy Client ID dan Client Secret.

7. Return to the HP Social Login settings page and paste Client ID and Client Secret. Don't forget to set Status to On.

Setup in Journal Theme

Setting up the Journal Theme requires special settings so that HP Social Login can function.

Desktop Page

For settings on the Desktop Page, you can open the Journal > headers > Top Menu > Secondary Menu.

Select the Login menu, set the link section to custom and enter:

javascript:openLoginModal();

Do it also for Register, setting link section with custom then input :

javascript:openRegisterModal();

Mobile Page

Besides doing the same for Mobile Pages, you can by opening the Journal > headers > Top Menu > Top Menu – Mobile.

Transfer Code Module for OpenCart is a module that can be used to provide a unique transfer code, making it easier to identify your online store transactions. The features provided by this module include a specific order size to enable a unique code, a unique code that is different for each customer and purchase, and setting the unique code used. This article will present a guide to using the HP Transfer Code module from installation to configuration and the features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the HP Transfer Code module file to get the following OCMOD file extension.
2. Navigate to the Extensions page → Extension Installer then upload the extracted .ocmod.zip file.
3. Go to Extensions → Modifications then click the Refresh button to apply the changes to the system.
4. Navigate to the System page → Users → User Groups → click the Edit button on the User Group Administrator. Click Select All in Access Permission and Modify Permission then save.
   
5. When you navigate to HP Web Design → Store Validation, the following page will appear. Please validate your store by contacting our admin, click the available Contact Us button.
   
6. After the validation process is successful, the module page will appear so that it can be used.

This is the HP Transfer Code module installation guide.

Configure the HP Transfer Code Module.

Please navigate to HP Web Design → HP Transfer Code. Or via the extensions page, please navigate to Extensions → Extensions then select Total Orders. Click the Install button on HP Code Transfer. The HP Transfer Code extension edit page will appear as follows. On this page, you can fill in several things.

• The label is used to display a unique code message on your shop's transaction page.
• There is an option to return a unique code to your customer as a balance in the Return Transfer Code to Customer option.
• You can enter the number of digits generated by the unique transfer code in the Maximum Digit input
• You can specify the number of orders that will activate a unique transfer code on the Total input
• You can specify the minimum and maximum unique code values for the minimum and maximum input values.
• You can specify the mechanism to use the transfer code, as an addition or subtraction from the total order in the input Amount Type.

After configuring, set it to Enabled and save changes. You can see a unique code generated when a customer Checkout shopping, as in the following example.

Unique Code Return Feature

Opencart has a balance feature for customers, which can be used for transactions at the Opencart store. When you activate the return unique code value to the customer's balance for the next transaction (Return Transfer Code to Customer), then when the customer returns to shopping at your store, the total purchase will be deducted by the unique code in the previous transaction. .

This applies if the customer has completed a transaction with your store, e.g. : make a payment for a transaction so that the status changes to Completed, automatically, for example with the help of the Payment Confirmation  or you change the order status to Completed on your system. You do this by navigating to Sales → Orders, or Dashboard → Last Orders then Edit orders that have been completed. In the Add Order History section, select the order status Completed then add and save changes.

You can view the balance of certain customer transactions as well as transactions that have been made by navigating to Customers → Customers then select the desired customer. On the Transaction tab, you can see the customer's balance/balance that came from additions and the use of unique transfer codes in previous transactions.

A customer can also view the balance obtained from the unique code of previous transaction transfers by viewing their profile. Please navigate to the My Account tab and select Transactions. The balance obtained from the unique transfer code will appear and can be used for subsequent transactions (line Store Credit). The following is a display of the usage of the customer's balance on the next transaction when the HP Code Transfer module is activated.

This is the guide for installing and using the HP Transfer Code module in transactions at the Opencart online store.

FAQs (Frequently Asked Questions) module for OpenCart is a module that is used to display frequently asked questions and answers when visitors access your store. In addition, the FAQ can be useful as a brief guide to the specific processes on your system.

This article will present a guide to using the Ultimate FAQs module starting from installation to configuration and features provided.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Extract the Ultimate FAQs module file to obtain the following OCMOD file extension.
   
2. Navigate to Extensions → Extension Installer then upload the extracted upload.ocmod.zip file.
3. Go to Extensions → Modifications then click the refresh button to apply the changes to the system.
4. Navigate to the System page → Users → User Groups → click the Edit button for Administrators. Click Select All on Access Permission and Modify Permission then save.
5. Open the HP Web Design Navigation Pane and select Ultimate FAQs. If it looks like the picture below, please validate your store by contacting our admin, click the Contact Us button provided.
   
6. After the validation process is successful, to complete the installation process, please install the Database Table if you find a display like the image below.

Demikian panduan instalasi modul HP Ultimate FAQs .

Pengaturan/Setting Kategori FAQ dan item FAQ.

Anda dapat memulai pengaturan Ultimate FAQs dengan menambahkan kategori FAQ.

1. Add the desired category of FAQs by clicking the add button.
2. On the General tab, you can enter category names, keywords and descriptions. On the Data tab, you can enter the order of the FAQ on your shop page. When done, don't forget to click the Save button.
   
3. Open the FAQ category that you have created via the View button available next to the Edit button. Then you can add new FAQ items to that category.
   
4. On the General tab, you can write questions in the FAQ Name column and answers in the Description column. You can also sort FAQ items via the Data tab. Click the Save button when you have finished setting the FAQ items.
5. You can navigate to the FAQs page via the icon available on your store (with the default theme).
6. You can set the FAQ display on your shop page in the following way.
   1. Navigate to Extensions → Modules then make sure the Ultimate FAQs module is installed and active, you can activate this module on the module settings page.
      
      
   2. Navigate to Design → Layouts then select the layout to which you want to add the FAQ column.
   3. Select the desired position then add the Ultimate FAQs layout to that position and save it.
7. You can set the FAQ display on the Journal 3 themed shop page in the following way.
   1. Navigate to Extensions → Modules then make sure the Ultimate FAQs module is installed and active, you can activate this module on the module settings page.
      
   2. Navigate to Journal → Layouts then select the layout to which you want to add the FAQ column.
   3. Here I will try to add the FAQ module in the left column, please add a column as a place to put it, then click Add … to select a module.
   4. After opening the dialog as shown below, please look for the opencart menu (usually at the bottom), then select the HP Ultimate FAQs module.
   5. The Ultimate FAQs module has been successfully added, don't forget to save it first by clicking the green button on the top right before leaving the page.
8. You can add SEO URL Ultimate FAQs to your app in the following way.
   1. Navigate to Ultimate FAQs and click Edit on the desired FAQs category.
   2. On the SEO tab, write down the desired keyword/keyword then save it. In addition, you need to add existing keywords in the Design panel.
   3. Navigate to Design → SEO URL to add the desired keywords. You can see a description of the use of SEO URLs in the following guide: https://hpwebdesign.id/cara-setting-seo-url-opencart .html

This is a short guide on how to use the HP Ultimate FAQs module. If you have any questions, please send them to contact us.

HP Wallet System is an extension that will act as digital wallet features on your OpenCart online store.

Here how to install it.

Pre Install

• Please follow pre install section here if you haven't proceed one before: https://bariklabs.com/pre-install
• After completing the above steps, you can proceed with the installation as follows:

NB: You can disable base theme modification after installation.

Installation

1. Download and extract the HP Wallet System module.

> You will find .ocmod.zip file. Then:

2. Access Extension Installer, Extension → Installers.

3. Upload file: *.ocmod.zip file.

4. Wait until the process is complete.

5. Go to menu System > Users > User Groups. Then select a User Group and click Select All under Access Permission and Modify Permission.

6. Access Extension → modification. Refresh Modification.  Then you can access E-Wallet in menu.

7. Install by: Access to the modules page. Click install and edit on HP Wallet System.

8. Enable Wallet as Payment Method
> Go to Extension :: Extension :: Payments.
> Enable HP E-Wallet Payment method
> And set proper order status when customer paid by wallet 100% or partially paid by wallet.

9. Last but not least : make sure credit total extension enabled.
> Go to Extension :: Extension :: Totals
> Make sure "Credit" extension is enabled.

~Done~

Pre-Install

We will be doing pre install : which is actually to fix OpenCart upload limitation during installing extensions.
Since often time our extension need to add some files on the image and or system folder: which is prohibited by default on OpenCart system.

Note: if you had installed similar ocmod/extensio to escape upload limitation before: PLEASE JUST SKIP this step.

As it might caused conflict.

Let's get started:

1. For OC 2.x → Install: FTP Quick Fix
2. For OC 3.x → Install: Base Theme Modification.
   -- Caution: This extension used to skip folder limitation on OpenCart.
   -- If you already had similar extension : please don't install it. And skip this step.
    
3. Refresh Mods with Access: Extension → Modifications. Click the Refresh modification button in the top right corner.

After completing the steps above, you can continue the installation as usual.

NB: You can disable base theme modification after installation.

In this article, we will discuss in detail how to upload an OpenCart Android application to the Play Store, starting from the requirements that must be met to the stages of uploading the application. By following this guide, you can easily upload your Android OpenCart application to the Play Store and reach more users effortlessly. Please let me know if you need any further assistance.

1 Open Google Play Console

2 If you already have a Google Developer account, log in, if not, register first

3 Click the Create App button

4 Enter the name of the application and select Default Language from the dropdown menu, select the type of application (Game or App) and then select the Paid or Free option to register your application as Paid or Free on Google Play. Additionally, check the Developer Program Policy and US Export Laws boxes.

5 Click Create App

6 Click on the task list view in the initial setup section.

7 Click App Access

8 Select the option you want

9 Click Save and click dashboard to return to the dashboard

10 Click on Ads

11 If your app contains ads, then click YES, otherwise click NO

12 Click Save and click dashboard to return to dashboard

13 Click Content Rating

14 Under content assessment, click the Start questionnaire button.

15 In the Category section, enter your email address and select your app category.

16 After you provide the required details, click Next.

17 Based on the selected category, a  content rating questionnaire will appear.

18 Complete the rating questionnaire and click Save.

19 After your questionnaire answers are saved, click Next.

20 Review the calculated rating in the Summary section, and click Submit.

21 Click Dashboard.

22 Click Start to add a Privacy Policy.

23 Enter a valid privacy policy URL

24 Click Save and return to app content to define your app's target audience

25 Click Start

26 Select the target age group of your application from the available options.

27 Click Next

28 Select the Appeal option yes or no

29 Click Next

30 After you have checked your details in the summary, click Save

31 Click Dashboard

32 Click Select App Category and Provide Contact Details

33 Select Application Type, application category from the dropdown menu and Click Manage Tags and a new pop-up for adding tags will open

34 Select tags

35 Click Apply

36 Enter your email address, phone number and website in the Contact Details section. Check the External Marketing box if you want to market your app outside of Google Play, otherwise uncheck this box and click Save.

37 Return to dashboard

38 Click on Set up your Store Listing

39 Enter a Short Description and Full Description for your application in the Application Details section.

40 Upload Application Icons, Feature Graphics and screenshots in the Application Graphics section. Add YouTube video URL to your store listing Step

41: Click Save and Go to dashboard

42 Scroll down to the Publish Your App section on Google Play and click on the dropdown menu

43 Click Select Country and Region

44 Click Add countries/regions

45 Select which countries/regions you want to make the app available for

46 Click Add countries/regions

47 Click Add

48 Return to the dashboard to create a new release

49 Click Create New Release

50: Upload Android App Bundles or APKs

51: Edit or add your release details if desired, then click Save

However, before your application can be made available for download by users, Google will conduct a review process to ensure that your application meets all of their requirements and policies.

The review process usually takes several days. Be sure to monitor your email and your Google Play Console developer panel to check the status of your app during the review process.

Thank you for reading this article, and I hope the steps described above can help you upload your OpenCart Android application to the Google Play Store. Don't hesitate to contact us if you have any difficulties. See you in another article.

Reference : https://www.appypie.com/faqs/how-can-i-publish-my-android-app-by-myself

Journal Theme Setting Related To Extension Setup

1. Caching Setup

Pre Setup

1. Make sure the extension (OpenCart) / plugin (WordPress) Google Authenticator is installed on your system.
2. Install Google Authenticator app via Play Store.

WordPress

Follow the steps below to setup Google Authenticator code for CMC WordPress based administration login.

1. Login to admin page:
{web_address.com}/wp-admin

Enter the username/email and password provided earlier.
Skip the Google Authenticator field and click the Log In button.< /p>

2. Enable Google Authenticator for your current account. How, access:
Users → Your Profile

3. Then activate Google Authenticator on your current account with :
– Check the column Active.
– Click Create New Secret
– Click Show/Hide QR Code

After the QR Code appears, scan it with the Google Authenticator app.
Open the Google Authenticator app, tab the Add button and select Scan new barcode.
After getting the code you can immediately click save.

4. Save changes by clicking Update Profile at the bottom of the page.

5. For testing purposes, Logout from the admin page.
Then try logging in with a valid username and password input.
Then also input the Authenticator code. Open the Google Authenticator app on your smartphone.

and input in the Google Authenticator Code column as below.

Congratulations. You have successfully setup Google Authenticator on your website platform.

Steps to Generate Your API ID and Transaction/Signature Key

1. Sign into the Merchant Interface.
2. Select Account from the main toolbar.
3. Under Security Settings, select API Credentials & Keys.
4. Based on the need and integration, select New Transaction Key or New Signature Key.
5. To disable the old Transaction or Signature Key, check the box labeled Disable Old Transaction/Signature Key Immediately.
6. If the Disable Old Transaction/Signature Key check box is not selected, the old Transaction or Signature Key will automatically expire in 24 hours. This will also impact any use of the Signature Key for transaction response validation for the SHA2 field. If the old Transaction/Signature Key is not expired, the previous key will continue to be used for the hash/response validation.
7. Select Submit to continue.
8. Request and enter PIN for verification.
9. Your new Transaction/Signature Key is displayed.

Steps to Generate Your Public Client Key

1. Sign into the Merchant Interface.
2. Select Account from the main toolbar.
3. Under Security Settings, select Manage Public Client Key.
4. To disable the old Public Key, check the box labeled Disable Old Public Key(s).
5. If the Disable Old Public Key(s) check box is not selected, the old Disable Old Public Key(s) will automatically expire in 24 hours. If the old Disable Old Public Key(s) is not expired, the previous key will continue to be used for the hash/response validation.
6. Select Submit to continue.
7. Request and enter PIN for verification.
8. Your new Public Client Key is displayed.

Read more official help page here: https://support.authorize.net/knowledgebase/Knowledgearticle/?code=000001271