{"id":147411,"date":"2018-10-15T05:50:48","date_gmt":"2018-10-15T05:50:48","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=147411"},"modified":"2018-10-15T05:58:42","modified_gmt":"2018-10-15T05:58:42","slug":"how-to-add-the-custom-code-snippet-to-atom","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/","title":{"rendered":"How to add the custom code snippet to atom"},"content":{"rendered":"<p>Atom is the very popular code editor created by Github in the area of web development. atom does not have only lots of package rather its every part is customizable by the user.<\/p>\n<p>We can make our coding workflow more easily by using\u00a0the Atom\u2019s Snippets feature, we can reduce the repetitive part of our work. I will show you how you can use Atom\u2019s built-in code snippets, and create your own custom snippets in this post.<\/p>\n<h1><strong>Adding your custom code snippets<\/strong><\/h1>\n<p>To add your own custom code snippets to Atom, first of all, you need to find the configuration file called snippets.cson, CSON is standing for Coffee Script Object Notation<\/p>\n<p>Click on the <strong>Edit &gt; Snippets&#8230;<\/strong> menu in the top bar, and Atom will open the<strong> snippets<\/strong>.<strong>cson<\/strong>\u00a0file to which you can add your own custom snippets.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147414\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\" alt=\"\" width=\"689\" height=\"748\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png 689w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14-229x249.png 229w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14-276x300.png 276w\" sizes=\"(max-width: 689px) 100vw, 689px\" loading=\"lazy\" \/><\/p>\n<p><strong>You will need four things in order to add your custom snippet:<\/strong><\/p>\n<p>The name of the scope, the name of the snippet, prefix that will function as the handle of the snippet,\u00a0the body of the snippet. name, prefix, and body of the snippet depend on you and however, you find the name of the scope before adding your custom snippets.<\/p>\n<p>To find the scope just go to atom setting by pressing Ctrl +, and find the packages tab then search the scope that you need in the search box.<br \/>\nFor example, if you want to add the snippet for PHP language then type PHP in the search box<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147427\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15.png\" alt=\"\" width=\"1299\" height=\"714\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15-250x137.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15-768x422.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_15-1200x660.png 1200w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/p>\n<p>Click on the <strong>setting button<\/strong> of <strong>language-php<\/strong>, then you can quickly find the name of the scope, as you can see in the screenshot below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147431\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_16.png\" alt=\"\" width=\"1016\" height=\"721\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_16.png 1016w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_16-250x177.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_16-300x213.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_16-768x545.png 768w\" sizes=\"(max-width: 1016px) 100vw, 1016px\" loading=\"lazy\" \/><\/p>\n<p><strong>Here are some scopes you may want to use in your Atom projects:<\/strong><\/p>\n<p>Plain Text:\u00a0 \u00a0 .text.plain<br \/>\nHTML:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .text.html.basic<br \/>\nCSS:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0.source.css<br \/>\nJavaScript:\u00a0 \u00a0.source.js<br \/>\nPHP:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .text.html.php<br \/>\nJava:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .source.java<br \/>\nTpl:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0.text.tpl<\/p>\n<p><strong>Create Single-Line Code Snippets<\/strong><\/p>\n<p>To create a single-line code snippet, you need to add scope, name, prefix, and the body of the snippet to the snippets.cson file, using the following syntax:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147432\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_17.png\" alt=\"\" width=\"350\" height=\"83\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_17.png 350w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_17-250x59.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_17-300x71.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" loading=\"lazy\" \/><\/p>\n<p><strong>Note:-\u00a0<\/strong>Don&#8217;t forget to add the\u00a0dot (.) operator\u00a0in before the name of scope.<\/p>\n<h5><strong>Create Multi-Line Code Snippets<\/strong><\/h5>\n<p><strong>Multi-line code snippets,<\/strong>\u00a0You need to add the same data as for single-line snippets \u2014 the scope, the name, the prefix, and the body of the snippet.<\/p>\n<p>It is a little bit different that snippet body\u00a0<strong>within a pair of\u00a0<code>\"\"\"<\/code>\u00a0(three double-quotes)<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147629\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_25.png\" alt=\"\" width=\"279\" height=\"148\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_25.png 279w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_25-250x133.png 250w\" sizes=\"(max-width: 279px) 100vw, 279px\" loading=\"lazy\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>After saving the configuration file, whenever you\u00a0<strong>type the prefix &amp; hit the\u00a0Tab key<\/strong>, Atom will paste the belonging snippet body into your code editor. The name of the snippet (in the example\u00a0<code>Print<\/code>) will be displayed in the autocomplete results box.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147630\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_26.png\" alt=\"\" width=\"545\" height=\"185\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_26.png 545w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_26-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_26-300x102.png 300w\" sizes=\"(max-width: 545px) 100vw, 545px\" loading=\"lazy\" \/><\/p>\n<p>&nbsp;<\/p>\n<h5>Add Optional Parameters<\/h5>\n<p>Atom allows you to\u00a0<strong>add extra information<\/strong>\u00a0to your snippets by using\u00a0<strong>Optional Parameter.<\/strong><\/p>\n<p>The values of the optional parameters are\u00a0<strong>displayed in the autocomplete results box<\/strong>\u00a0that comes up when you begin to type a prefix. In the example below, I added a description &amp; a\u00a0<code>More...<\/code>\u00a0link to the previous\u00a0<code>PHP Print_r<\/code>\u00a0custom snippet:<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147633\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_27.png\" alt=\"\" width=\"442\" height=\"203\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_27.png 442w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_27-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_27-300x138.png 300w\" sizes=\"(max-width: 442px) 100vw, 442px\" loading=\"lazy\" \/><\/p>\n<p>Output at code view.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-147638\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_28.png\" alt=\"\" width=\"559\" height=\"169\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_28.png 559w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_28-250x76.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_28-300x91.png 300w\" sizes=\"(max-width: 559px) 100vw, 559px\" loading=\"lazy\" \/><\/p>\n<p>I hope you enjoyed this article, we will have some more useful articles in future which will be helpful for developer&#8217; daily coding life.<\/p>\n<p>I will see you again with the new topic and have a great day!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Atom is the very popular code editor created by Github in the area of web development. atom does not have only lots of package rather its every part is customizable by the user. We can make our coding workflow more easily by using\u00a0the Atom\u2019s Snippets feature, we can reduce the repetitive part of our work. <a href=\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":222,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2383],"tags":[],"class_list":["post-147411","post","type-post","status-publish","format-standard","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add the custom code snippet to atom - 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-add-the-custom-code-snippet-to-atom\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add the custom code snippet to atom - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Atom is the very popular code editor created by Github in the area of web development. atom does not have only lots of package rather its every part is customizable by the user. We can make our coding workflow more easily by using\u00a0the Atom\u2019s Snippets feature, we can reduce the repetitive part of our work. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\" \/>\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=\"2018-10-15T05:50:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-15T05:58:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\" \/>\n<meta name=\"author\" content=\"Akhilesh Kumar\" \/>\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=\"Akhilesh Kumar\" \/>\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-add-the-custom-code-snippet-to-atom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\"},\"author\":{\"name\":\"Akhilesh Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704\"},\"headline\":\"How to add the custom code snippet to atom\",\"datePublished\":\"2018-10-15T05:50:48+00:00\",\"dateModified\":\"2018-10-15T05:58:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\"},\"wordCount\":556,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\",\"articleSection\":[\"blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\",\"name\":\"How to add the custom code snippet to atom - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\",\"datePublished\":\"2018-10-15T05:50:48+00:00\",\"dateModified\":\"2018-10-15T05:58:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png\",\"width\":689,\"height\":748},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add the custom code snippet to atom\"}]},{\"@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\/f3c6faccc651392ee113400a2f5d0704\",\"name\":\"Akhilesh Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?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\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Akhilesh Kumar\"},\"description\":\"Akhilesh Kumar is a seasoned professional with 5 years of expertise in WordPress WooCommerce module development, marketplace development, and API development. With a strong foundation in e-commerce technologies, Akhilesh excels in crafting robust solutions to meet diverse business needs, driving success in online retail venture\",\"url\":\"https:\/\/webkul.com\/blog\/author\/akhileshkumar-oc765\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add the custom code snippet to atom - 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-add-the-custom-code-snippet-to-atom\/","og_locale":"en_US","og_type":"article","og_title":"How to add the custom code snippet to atom - Webkul Blog","og_description":"Atom is the very popular code editor created by Github in the area of web development. atom does not have only lots of package rather its every part is customizable by the user. We can make our coding workflow more easily by using\u00a0the Atom\u2019s Snippets feature, we can reduce the repetitive part of our work. [...]","og_url":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-10-15T05:50:48+00:00","article_modified_time":"2018-10-15T05:58:42+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png","type":"","width":"","height":""}],"author":"Akhilesh Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Akhilesh Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/"},"author":{"name":"Akhilesh Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704"},"headline":"How to add the custom code snippet to atom","datePublished":"2018-10-15T05:50:48+00:00","dateModified":"2018-10-15T05:58:42+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/"},"wordCount":556,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png","articleSection":["blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/","url":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/","name":"How to add the custom code snippet to atom - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png","datePublished":"2018-10-15T05:50:48+00:00","dateModified":"2018-10-15T05:58:42+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot_14.png","width":689,"height":748},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-add-the-custom-code-snippet-to-atom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add the custom code snippet to atom"}]},{"@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\/f3c6faccc651392ee113400a2f5d0704","name":"Akhilesh Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?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\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Akhilesh Kumar"},"description":"Akhilesh Kumar is a seasoned professional with 5 years of expertise in WordPress WooCommerce module development, marketplace development, and API development. With a strong foundation in e-commerce technologies, Akhilesh excels in crafting robust solutions to meet diverse business needs, driving success in online retail venture","url":"https:\/\/webkul.com\/blog\/author\/akhileshkumar-oc765\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/147411","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\/222"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=147411"}],"version-history":[{"count":10,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/147411\/revisions"}],"predecessor-version":[{"id":147648,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/147411\/revisions\/147648"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=147411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=147411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=147411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}