{"id":343961,"date":"2022-07-13T13:23:53","date_gmt":"2022-07-13T13:23:53","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=343961"},"modified":"2022-07-13T13:25:15","modified_gmt":"2022-07-13T13:25:15","slug":"how-to-pass-data-using-js-widget-in-magento-2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/","title":{"rendered":"How to pass data to the js widget in Magento 2"},"content":{"rendered":"\n<p>Sometimes we need to pass data to the js file for performing some operations on these values.<br>With the help of js widget you can pass dynamic data to the js file.<br>Here we&#8217;ll learn how to pass dynamic data using js widget.<\/p>\n\n\n\n<p>We assume our module name is <strong>Webkul_Extension<\/strong> and front name is <strong>webext<\/strong>.<\/p>\n\n\n\n<p>Step #1 = Create controller to load the layout.<br>Path = app\/code\/Webkul\/Extension\/Controller\/Index\/Index.php<br><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;?php\nnamespace Webkul\\Extension\\Controller\\Index;\n\nclass Index extends \\Magento\\Framework\\App\\Action\\Action\n{\n\tprotected $_pageFactory;\n\n\tpublic function __construct(\n\t\t\\Magento\\Framework\\App\\Action\\Context $context,\n\t\t\\Magento\\Framework\\View\\Result\\PageFactory $pageFactory\n    ) {\n\t\t$this-&gt;_pageFactory = $pageFactory;\n\t\treturn parent::__construct($context);\n\t}\n\n\tpublic function execute()\n\t{\n\t\treturn $this-&gt;_pageFactory-&gt;create();\n\t}\n}<\/pre>\n\n\n\n<p>Step #2 = Describe webpage layout in the layout file. Load the template file which will load js code.<br>Path = app\/code\/Webkul\/Extension\/view\/frontend\/layout\/webext_index_index.xml<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;?xml version=&quot;1.0&quot;?&gt;\n&lt;page xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; layout=&quot;1column&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd&quot;&gt;\n    &lt;body&gt;\n        &lt;referenceContainer name=&quot;content&quot;&gt;\n            &lt;block class=&quot;Magento\\Framework\\View\\Element\\Template&quot; name=&quot;WebkulExtension&quot; template=&quot;Webkul_Extension::ext_widget.phtml&quot;&gt;&lt;\/block&gt;\n        &lt;\/referenceContainer&gt;\n    &lt;\/body&gt;\n&lt;\/page&gt;<\/pre>\n\n\n\n<p>Step #3 = Call js widget in template file and provide dynamic data to the js file. Dynamic data will have variable name and value.<br>Path = app\/code\/Webkul\/Extension\/view\/frontend\/templates\/ext_widget.phtml<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div class=&quot;customWebExt&quot;&gt;\n    &lt;div&gt;\n        Example of widget. 244.\n    &lt;\/div&gt;\n    &lt;div class=&quot;defaultContent&quot;&gt;\n        Default content goes here.\n    &lt;\/div&gt;\n    &lt;div class=&quot;messageContent&quot;&gt;\n        No message found.\n    &lt;\/div&gt;\n&lt;\/div&gt; \n&lt;script type=&quot;text\/x-magento-init&quot;&gt;\n    {\n        &quot;.customWebExt&quot;: {\n            &quot;myExtWidget&quot;: {\n                &quot;overriddenValue&quot;: &quot;Webkul Extension content goes here.&quot;,\n                &quot;message&quot;: &quot; 1 message found.&quot;\n            }\n        }\n    }\n&lt;\/script&gt;<\/pre>\n\n\n\n<p>Step #4 = Declare widget and perform respective operation in the js file.<br>Path = app\/code\/Webkul\/Extension\/view\/frontend\/web\/js\/webkul-ext-widget.js<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">define(&#091;\n    &#039;jquery&#039;,\n    &#039;jquery\/ui&#039;\n    ], function($){\n        $.widget(&#039;mage.myCustomWidget&#039;, {\n            options: {\n                overriddenValue: &quot;testing...&quot;,\n                anotherVar:&#039;test&#039;\n            },\n            \/**\n             * Widget initialization\n             * @private\n             *\/\n             _create: function() {\n                 self = this;\n\t\t\t    $(&quot;.defaultContent&quot;).html(self.options.overriddenValue);\n                $(&quot;.messageContent&quot;).html(self.options.message);\n            }\n        });\n\n    return $.mage.myCustomWidget;\n});<\/pre>\n\n\n\n<p>Step #5 = Create requirejs-config.js to map respective js file with alias name.<\/p>\n\n\n\n<p>Path = app\/code\/Webkul\/Extension\/view\/frontend\/requirejs-config.js<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">var config = {\n    &quot;map&quot;: {\n        &quot;*&quot;: {\n            &quot;myExtWidget&quot;: &quot;Webkul_Extension\/js\/webkul-ext-widget&quot;\n        } \n    }\n};<\/pre>\n\n\n\n<p>Response :=<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"711\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png\" alt=\"Screenshot-from-2022-07-13-11-06-37\" class=\"wp-image-343970\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-300x178.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-250x148.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-768x455.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37.png 1276w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes we need to pass data to the js file for performing some operations on these values.With the help of js widget you can pass dynamic data to the js file.Here we&#8217;ll learn how to pass dynamic data using js widget. We assume our module name is Webkul_Extension and front name is webext. Step #1 <a href=\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":440,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-343961","post","type-post","status-publish","format-standard","hentry","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 pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2<\/title>\n<meta name=\"description\" content=\"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.\" \/>\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-pass-data-using-js-widget-in-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2\" \/>\n<meta property=\"og:description\" content=\"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\" \/>\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=\"2022-07-13T13:23:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-13T13:25:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png\" \/>\n<meta name=\"author\" content=\"Amir Khan\" \/>\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=\"Amir Khan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 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-pass-data-using-js-widget-in-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\"},\"author\":{\"name\":\"Amir Khan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f2493d3639b5e8c05ae4e9af5f71063a\"},\"headline\":\"How to pass data to the js widget in Magento 2\",\"datePublished\":\"2022-07-13T13:23:53+00:00\",\"dateModified\":\"2022-07-13T13:25:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\"},\"wordCount\":189,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\",\"name\":\"How to pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png\",\"datePublished\":\"2022-07-13T13:23:53+00:00\",\"dateModified\":\"2022-07-13T13:25:15+00:00\",\"description\":\"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37.png\",\"width\":1276,\"height\":756,\"caption\":\"Screenshot-from-2022-07-13-11-06-37\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to pass data to the js widget in Magento 2\"}]},{\"@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\/f2493d3639b5e8c05ae4e9af5f71063a\",\"name\":\"Amir Khan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/da678755fca2993231591a761683dc95fcf81f335982ea5c1b38e9ccc1c6bc0c?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\/da678755fca2993231591a761683dc95fcf81f335982ea5c1b38e9ccc1c6bc0c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Amir Khan\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/amir-khan754\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2","description":"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.","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-pass-data-using-js-widget-in-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"How to pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2","og_description":"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.","og_url":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-07-13T13:23:53+00:00","article_modified_time":"2022-07-13T13:25:15+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png","type":"","width":"","height":""}],"author":"Amir Khan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Amir Khan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/"},"author":{"name":"Amir Khan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f2493d3639b5e8c05ae4e9af5f71063a"},"headline":"How to pass data to the js widget in Magento 2","datePublished":"2022-07-13T13:23:53+00:00","dateModified":"2022-07-13T13:25:15+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/"},"wordCount":189,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/","url":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/","name":"How to pass data to the js widget in Magento 2 - Webkul Blog How to pass data using js widget in Magento 2","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37-1200x711.png","datePublished":"2022-07-13T13:23:53+00:00","dateModified":"2022-07-13T13:25:15+00:00","description":"How to pass data using js widget in Magento 2 How to pass dynamic data using js widget in Magento 2. Override value of js widget variable.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/07\/Screenshot-from-2022-07-13-11-06-37.png","width":1276,"height":756,"caption":"Screenshot-from-2022-07-13-11-06-37"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-pass-data-using-js-widget-in-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to pass data to the js widget in Magento 2"}]},{"@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\/f2493d3639b5e8c05ae4e9af5f71063a","name":"Amir Khan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/da678755fca2993231591a761683dc95fcf81f335982ea5c1b38e9ccc1c6bc0c?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\/da678755fca2993231591a761683dc95fcf81f335982ea5c1b38e9ccc1c6bc0c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Amir Khan"},"url":"https:\/\/webkul.com\/blog\/author\/amir-khan754\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/343961","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\/440"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=343961"}],"version-history":[{"count":8,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/343961\/revisions"}],"predecessor-version":[{"id":344067,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/343961\/revisions\/344067"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=343961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=343961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=343961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}