Menu Close
    Searching for an experienced eCommerce & Marketplace Development Company ?

    OpenCart Google Custom Search

    Introduction

    The Opencart Google Custom Search extension allows the store owner to improve the search results by adding google like searching results technique. This extension works with multi-store environments and also helps in search engine optimization. The admin can set the minimum letters after which the autocomplete search will appear and can even set the maximum number of autocomplete search results items.

    Wonder How Programmable Search Engine Works Watch the video?

    Features

    • Set the minimum number of letters for autocompleting search.
    • Maximum autocomplete search items can be set by the admin
    • This extension works with multi-store environments.
    • Improves Search results and also helps in search engine optimization.
    • Saves time for the user.

    Installation

    First, extract the downloaded zip file. After that, open the correct Opencart Version Folder according to the Opencart Version installed in your system.

    Then, upload admin and catalog to the Opencart root directory.

    installation

    Once you have uploaded the file then login to admin and go to Extensions>Installer and upload the .zip file- programmablesearch.ocmod.zip. The zip file can be found in the ocmod folder.

    extension_installer

    After uploading the zip file go to the Extensions > Modification and click on refresh field.

    extension_modification

    After that in the Admin panel go to System > Users > Usergroup and edit ‘Administrator’. Select the shown checkboxes only for both Access and Modify Permission then, finally save it.

    user_permission

    Install

    Now navigate to Extensions > Extensions > Modules. Find Webkul programmable search from the list. Click the Install button as visible in the screenshot below.

    install_image-1

    Further, clicking on the edit button below page will open up.

    module_configuration-1

    Generate Search Engine ID

    Before transforming your OpenCart store search engine into a custom programmable search engine. Firstly, visit the Google programmable search engine page.

    Programmable-Search-Engine-by-Google

    Click the Get started button and below page will open up.

    Programmable-Search-Create-search

    Here, the user needs to enter:

    • Sites to search: Add your domain name, Individual pages, site or parts of the site such as example.com.
    • Name of the search engine: Enter the required name of the search engine.

    After which, the user can click CREATE tab.

    Programmable-Search-Congratulations-

    To fetch the Search engine ID click on Edit Search Engine and make sure the created search engine name shows below it. Then click on Setup

    Or, you can simply click on Control Panel. Same page will open.

    Under the Basics section copy the Search engine ID and paste it in the Search Engine ID field on module’s configuration page.

    Programmable-Search-Basic

    Add New Site Links

    After creating a search engine ID, new site links can also be added on whose basis search reverts will be visible.

    Navigate to Setup, under Basics section scroll down to Sites to search. There, click on Add.

    add-site-link

    Now, user has to enter the site link and click on save.

    save-site-link

    Retrieve Google API Key

    To fetch your Google API key just go to the Setup of the search engine. Toggle to the Ads section, click the link Get started with the Programmable Search Element Paid API to set up billing and to generate an API key.

    Programmable-Search-Ads-Google Custom Search

    On the redirected page, find the JSON API section on the left side and click on Overview under it. Or, can also directly navigate to https://developers.google.com/custom-search/v1/overview.

    Now, click on Get a Key button under the sub-heading API key.

    Custom-Search-JSON-API-Programmable-Search-Engine-Google Custom Search

    After which, user can select or create a new project and click Next.

    Custom-Search-JSON-API-Programmable-Google-custom-search

    Copy the visible Google API key as shown below and paste in the Google Api Key field on the module’s configuration page.

    Custom-Search-JSON-API-Programmable-Search-Engine-API

    Module Configuration Settings

    After the successful installation of the extension OpenCart Google Custom Search. To configure the extension. Firstly, in the sidebar menu go to Extensions > Extensions > Modules.

    Dashboard-google-custom-search

    Click on edit button next to Webkul Programmable Search .

    Extensions-1

    Further, tapping the edit button brings up the module configuration settings page. Here, the admin can see below settings options.

    Webkul-google-custom-search

    Status: Admin can set enable status to use the module functionality.

    Search engine ID: The admin can enter the generated search engine ID over here.

    Google API Key: Enter the fetched Google API key over here.

    Minimum Letters to search: The admin can set the minimum letters to search quantity in numbers after which the prompted results will be visible.

    Maximum item in autocomplete: The number of suggestions that will appear in the autocomplete list.

    Placeholder for search box: The admin can enter a label for the search box.

    Customer workflow

    The customer will visit the site and enter the product name in the search bar. According to the product name entered, the search suggestions list will be visible to the customer.

    These suggetions are from the site links that the admin has added to fetch search reverts .

    search-product-name

    Clicking on any product from suggestions, the customer will be redirected to the site having that product.

    redirected-site

    That’s all for OpenCart Google Custom Search extension. For any doubts or suggestions regarding the extension get back to us at [email protected] or raise a ticket at our Helpdesk system.

    Current Product Version - 2.0.0.0

    Supported Framework Version - Opencart - 2.x.x.x, 3.x.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index