{"id":99,"date":"2019-10-07T11:53:29","date_gmt":"2019-10-07T11:53:29","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/embryo\/?page_id=99"},"modified":"2019-11-13T08:49:24","modified_gmt":"2019-11-13T08:49:24","slug":"instant-search-with-algolia","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/embryo\/instant-search-with-algolia\/","title":{"rendered":"Instant Search With Algolia"},"content":{"rendered":"\n

We have used shop page example to integrate instant search. There is a lot of other pre-made demo examples on the official doc<\/a>. In Embryo-ReactJS you can see the demo on this url https:\/\/embryo-react.theironnetwork.org\/shop<\/a>.\u200c<\/p>\n\n\n\n

Getting Started:<\/strong>\u200c<\/p>\n\n\n\n

Step 1:<\/strong> Create an account on Algolia<\/a>. \u200c<\/p>\n\n\n\n

Step 2:<\/strong> After Signup you will get the 14 days trial and you will update the plan according to your requirements. Reference Link : <\/strong>https:\/\/www.algolia.com\/pricing<\/a>\u200b\u200c<\/p>\n\n\n\n

Step 3:<\/strong> Create an Index on Algolia Dashboard by clicking on the indices tab from the left menu and then clicking on create index button. Please check the screenshot below for reference:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4:<\/strong> Add your products fields with values under the newly created Index.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5: <\/strong>You need to change your app name in the manage applications page. Just open the given url, edit the app and give your app a name. This app name is used in the template.<\/p>\n\n\n\n

\n\t\n\t\t
\n\t\t\t
Sign in<\/h6>\n\t\t\t

Algolia’s Search API makes it easy to deliver a great search experience in your apps & websites. Algolia Search provides hosted full-text, numerical, faceted and geolocalized search.<\/p>\n\t\t\twww.algolia.com<\/small>\n\t\t<\/div>\n\t\t

<\/div>\n\t<\/a>\n<\/div>\n\n\n\n

Step 6:<\/strong> Now open the API keys tab from the left menu and copy the Search-Only API Key<\/code> , now open the src->constants->AppConfig.js<\/code>file from the template and paste the credentials in the apiKey<\/code>, indexName<\/code> with the index you have created & appId<\/code> with the app name you have given to your app in step 5.<\/p>\n\n\n\n

\/**
 * App Constants
 *\/
 
export default {
   ...
 
   \/\/algolia configuration
   algoliaConfig: {
        appId: \"<app name>\" \/\/ created in step 5
        apiKey: \"<api key>\" \/\/ copied in step 6
        indexName: \"<index name>\" \/\/ created in step 3
     },
 
    ...
  } <\/pre>\n\n\n\n
To get more information about algolia instant search check the official document<\/a>.<\/p>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
We have used shop page example to integrate instant search. There is a lot of other pre-made demo examples on the official doc. In Embryo-ReactJS you can see the demo on this url https:\/\/embryo-react.theironnetwork.org\/shop.\u200c Getting Started:\u200c Step 1: Create an account on Algolia. \u200c Step 2: After Signup you will get the 14 days trial […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/99"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":7,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/99\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}