{"_id":"573bb0c5fd7f2e3400cf8ae7","__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"},"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"},"githubsync":"","project":"56e96242d825061900d1abe8","parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-05-18T00:01:09.997Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":27,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/qM2ywwReT2uAypuS95A9_HelloBar.png\",\n        \"HelloBar.png\",\n        \"221\",\n        \"66\",\n        \"#ec5434\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n **Hello Bar** is a free optimization tool that allows you to show the right message at the right time to your website visitors.\n[Go to Hello Bar](https://www.hellobar.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 **Hello Bar** 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 **Hello Bar** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Hello Bar ID** (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/d7abe58-HelloBar_ID.png\",\n        \"HelloBar ID.png\",\n        536,\n        233,\n        \"#444454\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\nThe **StackPile - Hello Bar** integration will then display your messages on your website.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Settings\"\n}\n[/block]\n**Hello Bar ID**\n\nYou can find your **Hello Bar ID** in the **Hello Bar Dashboard** under **Settings ** > **Installation Instructions**. Select **I can install code myself** under** INSTALLATION METHODS**.\n\nYour **Hello Bar ID** is the 40 character hexadecimal number that forms part of the JavaScript file name at the `script src=` tag, e.g. \n`script src=\"//my.hellobar.com/85d14aaef1811e318bdefa7de15e284207e11db0.js\"`\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script src=\\\"//my.hellobar.com/85d14aaef1811e318bdefa7de15e284207e11db0.js\\\" type=\\\"text/javascript\\\" charset=\\\"utf-8\\\" async=\\\"async\\\"></script>\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\n[TOP](#top)","excerpt":"### Convert more visitors into customers with Hello Bar\n*Hello Bar helps you improve the effectiveness of your website.*","slug":"hello-bar","type":"basic","title":"Hello Bar"}

Hello Bar

### Convert more visitors into customers with Hello Bar *Hello Bar helps you improve the effectiveness of your website.*

[block:image] { "images": [ { "image": [ "https://files.readme.io/qM2ywwReT2uAypuS95A9_HelloBar.png", "HelloBar.png", "221", "66", "#ec5434", "" ] } ] } [/block] **Hello Bar** is a free optimization tool that allows you to show the right message at the right time to your website visitors. [Go to Hello Bar](https://www.hellobar.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 **Hello Bar** 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 **Hello Bar** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Hello Bar ID** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**. [block:image] { "images": [ { "image": [ "https://files.readme.io/d7abe58-HelloBar_ID.png", "HelloBar ID.png", 536, 233, "#444454" ], "border": true } ] } [/block] The **StackPile - Hello Bar** integration will then display your messages on your website. [block:api-header] { "type": "basic", "title": "2. Settings" } [/block] **Hello Bar ID** You can find your **Hello Bar ID** in the **Hello Bar Dashboard** under **Settings ** > **Installation Instructions**. Select **I can install code myself** under** INSTALLATION METHODS**. Your **Hello Bar ID** is the 40 character hexadecimal number that forms part of the JavaScript file name at the `script src=` tag, e.g. `script src="//my.hellobar.com/85d14aaef1811e318bdefa7de15e284207e11db0.js"` [block:code] { "codes": [ { "code": "<script src=\"//my.hellobar.com/85d14aaef1811e318bdefa7de15e284207e11db0.js\" type=\"text/javascript\" charset=\"utf-8\" async=\"async\"></script>", "language": "javascript" } ] } [/block] [TOP](#top)