{"id":25,"date":"2020-01-14T14:33:43","date_gmt":"2020-01-14T14:33:43","guid":{"rendered":"https:\/\/cebucodesolutions.com\/blog\/?p=25"},"modified":"2020-01-14T14:33:43","modified_gmt":"2020-01-14T14:33:43","slug":"customizable-feedback-component-for-laravel","status":"publish","type":"post","link":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/","title":{"rendered":"Customizable Feedback Component for Laravel"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> The laravel-kustomizer package is a customizable feedback widget for  your Laravel applications. It allows you to implement a customer  feedback component on your website using Vue.js, but you can apply it in  any frontend tool of your choice.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> If you want to use the JavaScript and UI that ships with this package, include them in your layout: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head>\n    &lt;script src=\"{{ asset('vendor\/kustomer\/js\/kustomer.js') }}\" defer>&lt;\/script>\n&lt;\/head>\n&lt;body>\n    @include('kustomer::kustomer')\n&lt;\/body>\nThe #kustomer container element needs to live outside your app\u2019s Vue.js container. You can also package the JS and CSS files to customize the widget heavily.\n\nIf you\u2019re using Nova, you can use the nova-kustomer tool to implement Laravel Kustomizer into your dashboard:<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png\" alt=\"\" class=\"wp-image-26\" srcset=\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png 1024w, https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-300x187.png 300w, https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-768x480.png 768w, https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1200x749.png 1200w, https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02.png 1393w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\nYou can learn more about this package, get full installation instructions, and view the source code on GitHub at <a href=\"https:\/\/github.com\/mydnic\/laravel-kustomer\">mydnic\/laravel-kustomer<\/a>.\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The laravel-kustomizer package is a customizable feedback widget for your Laravel applications. It allows you to implement a customer feedback component on your website using Vue.js, but you can apply it in any frontend tool of your choice. If you want to use the JavaScript and UI that ships with this package, include them in &hellip; <a href=\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Customizable Feedback Component for Laravel&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizable Feedback Component for Laravel - Web Development Blogs<\/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:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizable Feedback Component for Laravel - Web Development Blogs\" \/>\n<meta property=\"og:description\" content=\"The laravel-kustomizer package is a customizable feedback widget for your Laravel applications. It allows you to implement a customer feedback component on your website using Vue.js, but you can apply it in any frontend tool of your choice. If you want to use the JavaScript and UI that ships with this package, include them in &hellip; Continue reading &quot;Customizable Feedback Component for Laravel&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-14T14:33:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\",\"url\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\",\"name\":\"Customizable Feedback Component for Laravel - Web Development Blogs\",\"isPartOf\":{\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png\",\"datePublished\":\"2020-01-14T14:33:43+00:00\",\"dateModified\":\"2020-01-14T14:33:43+00:00\",\"author\":{\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/094505f311153db12b4f0185cdef52fa\"},\"breadcrumb\":{\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage\",\"url\":\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02.png\",\"contentUrl\":\"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02.png\",\"width\":1393,\"height\":870},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cebucodesolutions.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizable Feedback Component for Laravel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/#website\",\"url\":\"https:\/\/cebucodesolutions.com\/blog\/\",\"name\":\"Web Development Blogs\",\"description\":\"Daily updates of latest tricks\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cebucodesolutions.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/094505f311153db12b4f0185cdef52fa\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/58f32b4c3c414f0630b2359b5bb9b668a8d670e7e163fbc227f4f5611acacdbc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/58f32b4c3c414f0630b2359b5bb9b668a8d670e7e163fbc227f4f5611acacdbc?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/cebucodesolutions.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizable Feedback Component for Laravel - Web Development Blogs","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:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/","og_locale":"en_US","og_type":"article","og_title":"Customizable Feedback Component for Laravel - Web Development Blogs","og_description":"The laravel-kustomizer package is a customizable feedback widget for your Laravel applications. It allows you to implement a customer feedback component on your website using Vue.js, but you can apply it in any frontend tool of your choice. If you want to use the JavaScript and UI that ships with this package, include them in &hellip; Continue reading \"Customizable Feedback Component for Laravel\"","og_url":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/","og_site_name":"Web Development Blogs","article_published_time":"2020-01-14T14:33:43+00:00","og_image":[{"url":"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/","url":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/","name":"Customizable Feedback Component for Laravel - Web Development Blogs","isPartOf":{"@id":"https:\/\/cebucodesolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage"},"image":{"@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage"},"thumbnailUrl":"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02-1024x640.png","datePublished":"2020-01-14T14:33:43+00:00","dateModified":"2020-01-14T14:33:43+00:00","author":{"@id":"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/094505f311153db12b4f0185cdef52fa"},"breadcrumb":{"@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#primaryimage","url":"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02.png","contentUrl":"https:\/\/cebucodesolutions.com\/blog\/wp-content\/uploads\/2020\/01\/laravel-kustomizer-nova-02.png","width":1393,"height":870},{"@type":"BreadcrumbList","@id":"https:\/\/cebucodesolutions.com\/blog\/2020\/01\/14\/customizable-feedback-component-for-laravel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cebucodesolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Customizable Feedback Component for Laravel"}]},{"@type":"WebSite","@id":"https:\/\/cebucodesolutions.com\/blog\/#website","url":"https:\/\/cebucodesolutions.com\/blog\/","name":"Web Development Blogs","description":"Daily updates of latest tricks","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cebucodesolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/094505f311153db12b4f0185cdef52fa","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cebucodesolutions.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/58f32b4c3c414f0630b2359b5bb9b668a8d670e7e163fbc227f4f5611acacdbc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/58f32b4c3c414f0630b2359b5bb9b668a8d670e7e163fbc227f4f5611acacdbc?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/cebucodesolutions.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cebucodesolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}