{"_id":"593f925b88fd4d00197d9396","project":"5540ce1b31827a0d007ab1cc","version":{"_id":"5540ce1c31827a0d007ab1cf","project":"5540ce1b31827a0d007ab1cc","__v":31,"createdAt":"2015-04-29T12:27:08.390Z","releaseDate":"2015-04-29T12:27:08.390Z","categories":["5540ce1c31827a0d007ab1d0","5540d91bbb9e762d00f594ad","5540e5f131827a0d007ab212","5540e5febb9e762d00f594d3","5540e61331827a0d007ab213","5540e6195cf9682100d61afa","5540e62631827a0d007ab214","5540e63031827a0d007ab215","5540e63531827a0d007ab216","5540e63e5cf9682100d61afc","5540e6445cf9682100d61afd","5540e64a5cf9682100d61afe","55a4ff5b2e70c0250038050f","55acb28318eefd0d0071d504","55ae1abe8576b92300291c80","55ae453ef302af23000ac109","55af586d555b900d0036d296","55af91dac8a85321007a53c3","55b9fee204775a2f00628071","55b9ff0e04775a2f00628072","55b9ff4604775a2f00628073","55b9ff5fd72d1e1900276a38","55b9ff7f04775a2f00628074","55b9ff90eb08801900f833e5","55b9ffa5d72d1e1900276a39","55b9ffca04775a2f00628075","55b9fffdd72d1e1900276a3a","56bc2f033ee9e70d008b46af","56c2f6efbbf9ec2d00e0fe4f","57595bbb18760817001e8bbe","57d8d9793916800e003dde53"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"5540e63e5cf9682100d61afc","pages":["55af4832555b900d0036d263","55c4d11e8b45eb0d004cfbd6","5698de7503721e0d0043a365"],"project":"5540ce1b31827a0d007ab1cc","__v":3,"version":"5540ce1c31827a0d007ab1cf","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-04-29T14:10:06.818Z","from_sync":false,"order":11,"slug":"chrome","title":"Chrome"},"user":"55b125feae3b7621003e6482","__v":0,"parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-06-13T07:20:59.231Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:api-header]\n{\n  \"title\": \"Integration\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"To integrate Chrome Web Push notifications to your HTTPS website, follow [**Web Push SDK 3.0 Guide**](http://docs.pushwoosh.com/docs/web-push-sdk-30)\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Overview\"\n}\n[/block]\nChrome Web Push Notifications are perfect for reaching your website audience on both desktop and Android devices. **With more than 50% market share** in desktop and mobile web browsers, Chrome is an unrivaled launchpad for engaging and running efficient brand campaigns.\n\nMoreover, Rich Notifications support makes Chrome **the most attractive marketing platform** for launching extremely effective campaigns using visual communication and interaction-based push notifications. With the large image and custom buttons support it brings web user experience to the whole new level.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b5b05e5-chrome_pushes.png\",\n        \"chrome_pushes.png\",\n        648,\n        340,\n        \"#e0e1e2\"\n      ]\n    }\n  ]\n}\n[/block]\nMobile user experience is no different from native Android push notifications and is run by the very same code. Users are asked to opt-in once on your website – and then receive regular push notifications that direct them to your site in Chrome.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b882c93-webpush.jpg\",\n        \"webpush.jpg\",\n        1445,\n        1280,\n        \"#e2e3e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Chrome Rich Notifications\"\n}\n[/block]\nChrome Rich Pushes include two great features - large image support and custom buttons. Let's explore what you can achieve with them!\n\n## Increase Web Push CTR\n\nAdding visual communication channel along with text allows you to get **more attention** from your users and therefore, boost effectiveness of your marketing campaigns. Visual communication is **easy to understand and easy to use**. Just one simple step - add the image URL when you create a campaign and get the substantial CTR growth. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4971cf0-xrwRbHsEQd6jZ-Yrv2Phhw.png\",\n        \"xrwRbHsEQd6jZ-Yrv2Phhw.png\",\n        373,\n        334,\n        \"#5cb7da\"\n      ],\n      \"border\": false\n    }\n  ]\n}\n[/block]\n##Increase conversion rate\n\nConversion is another part of successful marketing campaign and with the custom buttons support you can increase it greatly. Using **custom buttons with URLs to add call2action** will allow you to extend the limits of what you can achieve with web pushes. Direct your users to whatever pages you want -  from shopping carts to hidden pages with special offers.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2c6ba02-z0ZaCM8AQEK7qBVWrW2M2g.png\",\n        \"z0ZaCM8AQEK7qBVWrW2M2g.png\",\n        369,\n        410,\n        \"#5cb7da\"\n      ],\n      \"border\": false\n    }\n  ]\n}\n[/block]\nOur Web SDK 3.0 supports it out-of-the-box, so you can start benefit from it right away, the integration process is [**super easy**](http://docs.pushwoosh.com/docs/web-push-sdk-30#integration)!","excerpt":"","slug":"chrome-web-push","type":"basic","title":"Chrome Web Push"}
[block:api-header] { "title": "Integration" } [/block] [block:callout] { "type": "success", "body": "To integrate Chrome Web Push notifications to your HTTPS website, follow [**Web Push SDK 3.0 Guide**](http://docs.pushwoosh.com/docs/web-push-sdk-30)" } [/block] [block:api-header] { "type": "basic", "title": "Overview" } [/block] Chrome Web Push Notifications are perfect for reaching your website audience on both desktop and Android devices. **With more than 50% market share** in desktop and mobile web browsers, Chrome is an unrivaled launchpad for engaging and running efficient brand campaigns. Moreover, Rich Notifications support makes Chrome **the most attractive marketing platform** for launching extremely effective campaigns using visual communication and interaction-based push notifications. With the large image and custom buttons support it brings web user experience to the whole new level. [block:image] { "images": [ { "image": [ "https://files.readme.io/b5b05e5-chrome_pushes.png", "chrome_pushes.png", 648, 340, "#e0e1e2" ] } ] } [/block] Mobile user experience is no different from native Android push notifications and is run by the very same code. Users are asked to opt-in once on your website – and then receive regular push notifications that direct them to your site in Chrome. [block:image] { "images": [ { "image": [ "https://files.readme.io/b882c93-webpush.jpg", "webpush.jpg", 1445, 1280, "#e2e3e8" ] } ] } [/block] [block:api-header] { "title": "Chrome Rich Notifications" } [/block] Chrome Rich Pushes include two great features - large image support and custom buttons. Let's explore what you can achieve with them! ## Increase Web Push CTR Adding visual communication channel along with text allows you to get **more attention** from your users and therefore, boost effectiveness of your marketing campaigns. Visual communication is **easy to understand and easy to use**. Just one simple step - add the image URL when you create a campaign and get the substantial CTR growth. [block:image] { "images": [ { "image": [ "https://files.readme.io/4971cf0-xrwRbHsEQd6jZ-Yrv2Phhw.png", "xrwRbHsEQd6jZ-Yrv2Phhw.png", 373, 334, "#5cb7da" ], "border": false } ] } [/block] ##Increase conversion rate Conversion is another part of successful marketing campaign and with the custom buttons support you can increase it greatly. Using **custom buttons with URLs to add call2action** will allow you to extend the limits of what you can achieve with web pushes. Direct your users to whatever pages you want - from shopping carts to hidden pages with special offers. [block:image] { "images": [ { "image": [ "https://files.readme.io/2c6ba02-z0ZaCM8AQEK7qBVWrW2M2g.png", "z0ZaCM8AQEK7qBVWrW2M2g.png", 369, 410, "#5cb7da" ], "border": false } ] } [/block] Our Web SDK 3.0 supports it out-of-the-box, so you can start benefit from it right away, the integration process is [**super easy**](http://docs.pushwoosh.com/docs/web-push-sdk-30#integration)!