{"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> 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> 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>\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"],"_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}]}}