Opencart Store Pickup
Also, the admin can add products, the quantity of added products for each pickup location.
Using this module you can provide your customers with a faster shipping option where customers can go and collect their product right after the purchase.
Opencart Store pickup is also available as Marketplace Store Pickup.
Check a brief overview of plugin working and pickup location creation –
Features of Opencart Store Pickup
- Buyers can check all the stores near them.
- Provides faster product delivery option to the customers.
- Customers do not need to pay the shipping fee.
- Shoppers can choose the store from the product page.
- Merchant can create as many pickup locations they want.
- The owner can assign products to the pickup location.
- Merchant can enter product quantity for each products.
- Owner can add pickup address and zipcode.
- Admin can set pickup maximum distance.
- Customers can view the pickup point address on the received place order email.
Note – You can display a custom store close message on your store with the help of the OpenCart Store close extension.
Note – Google Map API feature is a paid service.
Installation of Opencart Store Pickup
Installation of Opencart Store Pickup is very easy. Under the module zip, there are 3 folders admin, catalog, and ocmod. you just need to upload admin and catalog folders to the root directory of the website.
Once you have uploaded the file then login to admin and go to Extensions> Extension installer and upload the XML file. The XML file can be found on the ocmod folder.
After uploading the XML file go to the Extensions > Modification and click on the refresh field.
After that in Admin panel go to System -> Users -> Usergroup and edit ‘Administrator’ and select all for both Access and Modify Permission then save it.
Then under Extension > Modules install the Opencart Store pickup module.
Module Translation
As this Opencart Store Pickup module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for language translation
How To Get Google Location API Keys
To configure this module, you will need a geolocation API key.
You can get this API using the following steps :
- Go to: https://console.cloud.google.com
- Login in and go to API’s and Services > Credentials.
3. Create a project here
4. Select API key from the option and Click on create credentials.
5. Credentials will be created
So this is how geolocation API key can be obtained and used to configure our module.
Domain Verification
The user needs to follow the given steps for verifying the domain.
Initially, on the Google Cloud Platform page, the user must navigate to APIs & Services > Domain verification as shown below.
This navigates the user to the Domain Verification page, where the user needs to click on the Add Domain button.
A popup shall appear as shown in the image, where the user needs to fill in the Domain URL (https://example.com/) in the text box and click the ADD DOMAIN button.
On clicking the ADD DOMAIN button, another popup opens up bearing a name Verify ownership.
The user must click on TAKE ME THERE, to proceed further.
On clicking the same, it redirects the user to the Webmaster Central page as shown in the image below.
The user must click on ADD A PROPERTY button present on this page.
A textbox opens up where the user needs to add the URL of the property that the user wishes to verify and click on Continue.
Google recommends some steps that the user must follow to verify the URL of the property.
Thereafter, the user can tick-mark the I’m not a robot checkbox and further click Verify button.
Once the verification process is completed, the following page shall appear.
Enable Google API Keys
To enable the Google APIs, the user must open up the Google Cloud Platform page and navigate to the Credentials page.
The user will find All Google Maps APIs dropdown, clicking which the user needs to click on the ENABLE API.
In doing so, a list of Google APIs opens up. If users don’t find the required API, they can type the name of the API in the search box and search for it.
To enable the API, the user needs to click on it.
Geocoding & Maps JavaScript APIs
Geocoding API: Enable
Maps JavaScript API: Enable
Places API
PLaces API: Enable
Configuration of Opencart Store Pickup
After installation admin can configure the Store Pickup module and set the default distance units under which a customer can find the stores from their location. Enter the Google Map Key to show customer’s address on storefront based on the distance.
- Store Pickup Module Status – Enable or disable.
- Distance Unit – Now, set the distance unit in miles and kilometers.
- Maximum Default Distance – Define the maximum default distance unit under which a customer can find the stores from their location.
- Google Map Key – In the end, enter the Google Map Key to integrate the Google Map. It allows matching close stores as per customer search.
- Store Pickup Popup Header Text – Set the popup header text which will show after buyer zip code entered.
- Welcome Popup Body Header Text – Then, set welcome popup body header text.
- Welcome Popup Body Content Text – Next, set welcome popup body content text.
- Pickup Point Search Button Text – In the end, set pickup point search button text.
After enabling the module admin can see the pickup option in the admin panel. From here admin can add pickup points according to their choice.
After that clicking on the add button, admin can enter pickup point name, address, zip code, and the distance in kilometer or miles.
If an admin has entered the distance then the customer under that distance can see the pickup point for the assigned product.
Product List – After clicking on the product list admin can see products that are assigned to the pickup point. From here admin can add/ edit the new products to the list.
Admin can also enter the product quantity and the quantities of their options. After clicking on the add button admin receives an autofill search option where they can add products and get the product details.
Get Details – From here admin can search a product from the auto-fill search option and click on the get details button to fetch the product quantity details.
Here, admin can enter the quantity of products and options which are available at that pickup point.
Opencart Store Pickup For Customers
Customers can visit the store and browse products and they can find the option of store pickup on the product page.
If a customer is clicking the pickup option the first time, then they will see the welcome header with a message. After that customers can enter a zip code and check the available pickup location.
If a customer has visited the store and entered the zip code then they do not need to enter the zip code again.
The module will show the pickup options available for that product in the previously entered zip code.
From here, customers can enter the quantity and click on the add-to-cart button.
In the cart, the customer can see the store name and address.
Now, the customer can add the product to the cart and process the checkout.
If the customer has selected the store pickup option then they will not receive the option to enter the shipping address and select the shipping method.
After entering the billing address, the customer can directly select the payment method and then confirm the order.
After making the order customer can check the pickup point address in their address.
Also, customers can check the pickup point address on the mail that is received after placing the order.
That’s all for the Opencart Store Pickup module.
If you have any further queries or requirements then feel free to add a ticket. Let us know your views to make the module better https://webkul.uvdesk.com/.