{"id":407571,"date":"2023-10-26T14:28:11","date_gmt":"2023-10-26T14:28:11","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=407571"},"modified":"2025-12-09T06:25:12","modified_gmt":"2025-12-09T06:25:12","slug":"how-to-use-react-js-in-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/","title":{"rendered":"How to use React.js in PrestaShop 1.7"},"content":{"rendered":"\n<p>In the world of e-commerce, delivering a seamless and interactive shopping experience is paramount. One way to achieve this is by integrating React.js into your PrestaShop store.<\/p>\n\n\n\n<p>In this tutorial, we&#8217;ll guide you through the process of integrating React.js to create a dynamic product management system, allowing you to add new products without the need to reload the page.<\/p>\n\n\n\n<p id=\"Prerequisites\"><strong>Prerequisites:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basic understanding of HTML, CSS, and JavaScript<\/li>\n\n\n\n<li>Make sure you have Node.js and npm (Node Package Manager) installed on your machine.<\/li>\n\n\n\n<li>Familiarity with PrestaShop and its templates<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 1: Setting Up the Environment:<\/strong> Begin by creating a new directory in <strong><em>&lt;prestashop_root_dir&gt;\/themes\/&lt;your_current_theme&gt;\/<\/em><\/strong> folder for your project and navigating into it:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">mkdir prestashop-react-integration\ncd prestashop-react-integration<\/pre>\n\n\n\n<p><strong>Step 2: Initializing the React App:<\/strong> <\/p>\n\n\n\n<p>Generate a new React app within your project directory <strong><em>&lt;prestashop_root_dir&gt;\/themes\/&lt;your_current_theme&gt;\/<\/em><\/strong>:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">npx create-react-app my-prestashop-react-app\ncd my-prestashop-react-app<\/pre>\n\n\n\n<p><strong>Step 3: Developing React Components:<\/strong> <\/p>\n\n\n\n<p>Inside the <code>src<\/code> folder of your React app, open <code>App.js<\/code> and replace the default code with the following:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">import React, { Component } from &#039;react&#039;;\nimport axios from &#039;axios&#039;;\n\nclass App extends Component {\n  state = {\n    products: &#091;],\n    newProductName: &#039;&#039;,\n  };\n\n  componentDidMount() {\n    this.fetchProducts();\n  }\n\n  fetchProducts() {\n    axios.get(&#039;\/api-products.php&#039;) \/\/ Replace with your API endpoint\n      .then(response =&gt; {\n        this.setState({ products: response.data });\n      })\n      .catch(error =&gt; {\n        console.error(error);\n      });\n  }\n\n  handleProductNameChange = event =&gt; {\n    this.setState({ newProductName: event.target.value });\n  };\n\n  handleSubmit = event =&gt; {\n    event.preventDefault();\n\n    axios.post(&#039;\/api-add-product.php&#039;, {\n      name: this.state.newProductName,\n    })\n      .then(() =&gt; {\n        this.setState({ newProductName: &#039;&#039; });\n        this.fetchProducts();\n      })\n      .catch(error =&gt; {\n        console.error(error);\n      });\n  };\n\n  render() {\n    return (\n      &lt;div&gt;\n        &lt;h1&gt;Featured Products&lt;\/h1&gt;\n        &lt;ul&gt;\n          {this.state.products.map(product =&gt; (\n            &lt;li key={product.id}&gt;{product.name}&lt;\/li&gt;\n          ))}\n        &lt;\/ul&gt;\n        &lt;form onSubmit={this.handleSubmit}&gt;\n          &lt;input\n            type=&quot;text&quot;\n            placeholder=&quot;Product name&quot;\n            value={this.state.newProductName}\n            onChange={this.handleProductNameChange}\n          \/&gt;\n          &lt;button type=&quot;submit&quot;&gt;Add Product&lt;\/button&gt;\n        &lt;\/form&gt;\n      &lt;\/div&gt;\n    );\n  }\n}\n\nexport default App;<\/pre>\n\n\n\n<p>In this code, we&#8217;re using <code>axios<\/code> to fetch and send data to the API endpoints.<\/p>\n\n\n\n<p>Use <code>axios<\/code> or another HTTP library to fetch data from your PrestaShop backend and display it in your React components.<\/p>\n\n\n\n<p><strong>Step 4: Building the React App:<\/strong> <\/p>\n\n\n\n<p>Build the React app using:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">npm install axios\nnpm run build<\/pre>\n\n\n\n<p><strong>Step 5: Integrating the React App into PrestaShop:<\/strong> Copy the contents of the <code>build<\/code> directory to a new folder within your PrestaShop project, such as <code>react-app<\/code>.<\/p>\n\n\n\n<p><strong>Step 6: Mounting the React App:<\/strong> In your PrestaShop template file (e.g., <code>index.tpl<\/code>), insert the following code where you want the React app to appear:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div id=&quot;react-app&quot;&gt;&lt;\/div&gt;\n&lt;script src=&quot;path\/to\/react-app\/static\/js\/main.{hash}.js&quot;&gt;&lt;\/script&gt;<\/pre>\n\n\n\n<p>The folder structure of the React app is given in the screenshot: &#8211;<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"580\" height=\"449\" data-id=\"408015\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\" alt=\"Screens\" class=\"wp-image-408015\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png 580w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens-300x232.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens-250x194.png 250w\" sizes=\"(max-width: 580px) 100vw, 580px\" loading=\"lazy\" \/><\/figure>\n<\/figure>\n\n\n\n<p><strong>Step 7: Implementing Dynamic Product Management:<\/strong> Create an API endpoint in your PrestaShop project (e.g., <code>api-products.php<\/code>) to provide product data. Another API endpoint (e.g., <code>api-add-product.php<\/code>) should handle adding new products.<\/p>\n\n\n\n<p><strong>Step 8: Fetching Updated Product List:<\/strong> After adding a new product using the form, the component will automatically fetch the updated product list from the API.<\/p>\n\n\n\n<p>By integrating React.js into your PrestaShop store, you&#8217;ve empowered it with dynamic product management capabilities. <\/p>\n\n\n\n<p>Customers can now enjoy a modern shopping experience where they can add products seamlessly without reloading the page. <\/p>\n\n\n\n<p>This tutorial provides a foundation for integrating React.js with PrestaShop, allowing you to build further upon this concept to meet your unique requirements<\/p>\n\n\n\n<p>Also, note that there is no official support for React.js by PrestaShop, however, you can use it at your own risk.<\/p>\n\n\n\n<p>That\u2019s all about this blog.<\/p>\n\n\n\n<p>If any issues or doubts please feel free to mention them in the comment section.<\/p>\n\n\n\n<p>I would be happy to help.<\/p>\n\n\n\n<p>Also, you can explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">PrestaShop Development Services<\/a>&nbsp;&amp; a large range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">PrestaShop Modules<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the world of e-commerce, delivering a seamless and interactive shopping experience is paramount. One way to achieve this is by integrating React.js into your PrestaShop store. In this tutorial, we&#8217;ll guide you through the process of integrating React.js to create a dynamic product management system, allowing you to add new products without the need <a href=\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":388,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209,1],"tags":[],"class_list":["post-407571","post","type-post","status-publish","format-standard","hentry","category-prestashop","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to use React.js in PrestaShop 1.7 - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use React.js in PrestaShop 1.7 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In the world of e-commerce, delivering a seamless and interactive shopping experience is paramount. One way to achieve this is by integrating React.js into your PrestaShop store. In this tutorial, we&#8217;ll guide you through the process of integrating React.js to create a dynamic product management system, allowing you to add new products without the need [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-26T14:28:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-09T06:25:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\" \/>\n<meta name=\"author\" content=\"Amit Kumar Tiwari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amit Kumar Tiwari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\"},\"author\":{\"name\":\"Amit Kumar Tiwari\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d9ce9e306c32df23a286ed9b5eb81257\"},\"headline\":\"How to use React.js in PrestaShop 1.7\",\"datePublished\":\"2023-10-26T14:28:11+00:00\",\"dateModified\":\"2025-12-09T06:25:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\"},\"wordCount\":456,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\",\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\",\"name\":\"How to use React.js in PrestaShop 1.7 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\",\"datePublished\":\"2023-10-26T14:28:11+00:00\",\"dateModified\":\"2025-12-09T06:25:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png\",\"width\":580,\"height\":449,\"caption\":\"Screens\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use React.js in PrestaShop 1.7\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d9ce9e306c32df23a286ed9b5eb81257\",\"name\":\"Amit Kumar Tiwari\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0bfab402e3d85cb3f1ed4fbac60ad1c4532edd47917a00da0f77d94c75b54f7d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0bfab402e3d85cb3f1ed4fbac60ad1c4532edd47917a00da0f77d94c75b54f7d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Amit Kumar Tiwari\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/amitkr-tiwari139\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use React.js in PrestaShop 1.7 - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/","og_locale":"en_US","og_type":"article","og_title":"How to use React.js in PrestaShop 1.7 - Webkul Blog","og_description":"In the world of e-commerce, delivering a seamless and interactive shopping experience is paramount. One way to achieve this is by integrating React.js into your PrestaShop store. In this tutorial, we&#8217;ll guide you through the process of integrating React.js to create a dynamic product management system, allowing you to add new products without the need [...]","og_url":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-10-26T14:28:11+00:00","article_modified_time":"2025-12-09T06:25:12+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png","type":"","width":"","height":""}],"author":"Amit Kumar Tiwari","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Amit Kumar Tiwari","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/"},"author":{"name":"Amit Kumar Tiwari","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d9ce9e306c32df23a286ed9b5eb81257"},"headline":"How to use React.js in PrestaShop 1.7","datePublished":"2023-10-26T14:28:11+00:00","dateModified":"2025-12-09T06:25:12+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/"},"wordCount":456,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png","articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/","url":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/","name":"How to use React.js in PrestaShop 1.7 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png","datePublished":"2023-10-26T14:28:11+00:00","dateModified":"2025-12-09T06:25:12+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screens.png","width":580,"height":449,"caption":"Screens"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-js-in-prestashop-1-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use React.js in PrestaShop 1.7"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d9ce9e306c32df23a286ed9b5eb81257","name":"Amit Kumar Tiwari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0bfab402e3d85cb3f1ed4fbac60ad1c4532edd47917a00da0f77d94c75b54f7d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0bfab402e3d85cb3f1ed4fbac60ad1c4532edd47917a00da0f77d94c75b54f7d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Amit Kumar Tiwari"},"url":"https:\/\/webkul.com\/blog\/author\/amitkr-tiwari139\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/407571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/388"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=407571"}],"version-history":[{"count":13,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/407571\/revisions"}],"predecessor-version":[{"id":515961,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/407571\/revisions\/515961"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=407571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=407571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=407571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}