{"_id":"573f3c96dbf53019002fac11","user":"57041be58c69510e00b1de4d","version":{"_id":"56e96242d825061900d1abeb","hasReference":true,"__v":5,"hasDoc":true,"project":"56e96242d825061900d1abe8","createdAt":"2016-03-16T13:40:18.429Z","releaseDate":"2016-03-16T13:40:18.428Z","categories":["56e96242d825061900d1abec","56ebe6213de6a00e0041fd7a","570f4a00a38d470e0060cabf","570f6a3a620fdd190017f7ca","570f6a46986c040e008f7b0d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"parentDoc":null,"githubsync":"","__v":3,"category":{"_id":"570f4a00a38d470e0060cabf","project":"56e96242d825061900d1abe8","version":"56e96242d825061900d1abeb","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-04-14T07:42:56.518Z","from_sync":false,"order":2,"slug":"app-library","title":"App Library"},"project":"56e96242d825061900d1abe8","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-05-20T16:34:30.295Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":53,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0d6a485-UserVoice2.png\",\n        \"UserVoice2.png\",\n        178,\n        56,\n        \"#e6dcd7\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\n**Transform product feedback into intelligent data to drive product strategy** \n[Go to UserVoice](https://www.uservoice.com/)\n***\n**StackPile** offers an easy way for you to install 3<sup>rd</sup> party apps and tools on your website in seconds without expensive code changes.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. Getting Started\"\n}\n[/block]\n**Note:** If you already have the **UserVoice** snippet installed on your site, please remove it.\n\nOnce the [StackPile snippet](http://docs.stackpile.io/docs/getting-started) has been installed on your website, add **UserVoice** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add the required **Settings** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9f1cf3c-UserVoice_Settings.png\",\n        \"UserVoice Settings.png\",\n        579,\n        367,\n        \"#f7f7f7\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\nThe **StackPile - UserVoice** integration will then display your **UserVoice** trigger on your website.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Settings\"\n}\n[/block]\nYou will find the required settings in the installation **JavaScript** snippet on your **UserVoice Dashboard** under the **Gear (Settings)** menu (bottom-left). Select **Widgets** from the top tab row. This displays the **Install the UserVoice widget on your website** page. \n\nThe JavaScript code snippet appears in the second part (**Step 2: Copy the embed code to your page**).\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"##Script ID\\n`uv.src='//widget.uservoice.com/vhTKjcAPVrtHljCetmYM2R.js'`\\nvhTKjcAPVrtHljCetmYM2R\\n\\n##Accent Color\\n`accent_color: '#e23a39'`\\n\\\\#e23a39\\n\\n##Trigger Color\\n`trigger_color: 'white'`\\nwhite\\n\\n##Trigger Background Color\\n`trigger_background_color: '#e23a39'`\\n\\\\#e23a39\\n\\n##Trigger Position\\n`UserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'bottom-left' }]);`\\nbottom-left\",\n  \"title\": \"\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script>\\n// Include the UserVoice JavaScript SDK (only needed once on a page)\\nUserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/vhTKjcAPVrtHljCetmYM2R.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();\\n\\n//\\n// UserVoice Javascript SDK developer documentation:\\n// https://www.uservoice.com/o/javascript-sdk\\n//\\n\\n// Set colors\\nUserVoice.push(['set', {\\n  accent_color: '#e23a39',\\n  trigger_color: 'white',\\n  trigger_background_color: '#e23a39'\\n}]);\\n\\n// Identify the user and pass traits\\n// .... Rest of script\\n\\nUserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'bottom-left' }]);\\n\\n// .... Rest of script\\n</script>\",\n      \"language\": \"javascript\",\n      \"name\": \"\"\n    }\n  ]\n}\n[/block]\n[TOP](#top)","excerpt":"##Build Better Products\n***with intelligent product feedback***","slug":"uservoice","type":"basic","title":"UserVoice"}

UserVoice

##Build Better Products ***with intelligent product feedback***

[block:image] { "images": [ { "image": [ "https://files.readme.io/0d6a485-UserVoice2.png", "UserVoice2.png", 178, 56, "#e6dcd7" ], "border": true } ] } [/block] **Transform product feedback into intelligent data to drive product strategy** [Go to UserVoice](https://www.uservoice.com/) *** **StackPile** offers an easy way for you to install 3<sup>rd</sup> party apps and tools on your website in seconds without expensive code changes. [block:api-header] { "type": "basic", "title": "1. Getting Started" } [/block] **Note:** If you already have the **UserVoice** snippet installed on your site, please remove it. Once the [StackPile snippet](http://docs.stackpile.io/docs/getting-started) has been installed on your website, add **UserVoice** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add the required **Settings** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**. [block:image] { "images": [ { "image": [ "https://files.readme.io/9f1cf3c-UserVoice_Settings.png", "UserVoice Settings.png", 579, 367, "#f7f7f7" ], "border": true } ] } [/block] The **StackPile - UserVoice** integration will then display your **UserVoice** trigger on your website. [block:api-header] { "type": "basic", "title": "2. Settings" } [/block] You will find the required settings in the installation **JavaScript** snippet on your **UserVoice Dashboard** under the **Gear (Settings)** menu (bottom-left). Select **Widgets** from the top tab row. This displays the **Install the UserVoice widget on your website** page. The JavaScript code snippet appears in the second part (**Step 2: Copy the embed code to your page**). [block:callout] { "type": "info", "body": "##Script ID\n`uv.src='//widget.uservoice.com/vhTKjcAPVrtHljCetmYM2R.js'`\nvhTKjcAPVrtHljCetmYM2R\n\n##Accent Color\n`accent_color: '#e23a39'`\n\\#e23a39\n\n##Trigger Color\n`trigger_color: 'white'`\nwhite\n\n##Trigger Background Color\n`trigger_background_color: '#e23a39'`\n\\#e23a39\n\n##Trigger Position\n`UserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'bottom-left' }]);`\nbottom-left", "title": "" } [/block] [block:code] { "codes": [ { "code": "<script>\n// Include the UserVoice JavaScript SDK (only needed once on a page)\nUserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/vhTKjcAPVrtHljCetmYM2R.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();\n\n//\n// UserVoice Javascript SDK developer documentation:\n// https://www.uservoice.com/o/javascript-sdk\n//\n\n// Set colors\nUserVoice.push(['set', {\n accent_color: '#e23a39',\n trigger_color: 'white',\n trigger_background_color: '#e23a39'\n}]);\n\n// Identify the user and pass traits\n// .... Rest of script\n\nUserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'bottom-left' }]);\n\n// .... Rest of script\n</script>", "language": "javascript", "name": "" } ] } [/block] [TOP](#top)