{"_id":"5a7859c739d48800123298e1","category":{"_id":"5a7859c639d48800123298ca","version":"5a7859c639d48800123298c0","project":"57336fd5a6a9c40e00e13a0b","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2017-02-06T16:17:35.324Z","from_sync":false,"order":10,"slug":"logos-images","title":"Logos & Images"},"user":"5873dc623b5d851900b50e46","parentDoc":null,"project":"57336fd5a6a9c40e00e13a0b","version":{"_id":"5a7859c639d48800123298c0","project":"57336fd5a6a9c40e00e13a0b","__v":2,"createdAt":"2018-02-05T13:19:02.408Z","releaseDate":"2018-02-05T13:19:02.408Z","categories":["5a7859c639d48800123298c1","5a7859c639d48800123298c2","5a7859c639d48800123298c3","5a7859c639d48800123298c4","5a7859c639d48800123298c5","5a7859c639d48800123298c6","5a7859c639d48800123298c7","5a7859c639d48800123298c8","5a7859c639d48800123298c9","5a7859c639d48800123298ca","5a785b7f39d488001232996a"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":false,"codename":"3.24.1 Release","version_clean":"8976.0.0-Tools","version":"8976-Tools"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-02-06T16:19:30.476Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"The following BlueSnap security badges are available for you to include on your website, so your shoppers can be confident in a safe and secure checkout experience. \n\n##Adding a Security Badge\nTo add a badge to your website, simply follow the instructions below. \n\n1. Save one of the following security badges locally on your machine. \n\n2. Upload the badge to your web server. \n\n3. Refer to the HTML code below to get you started in adding the badge to your website. You can simple copy and paste the included code, and replace the image source with the image URL on your web server. \n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Tip\",\n  \"body\": \"It is suggested that the security badge be linked to BlueSnap's homepage to establish the legitimacy and security of the badge. The HTML code below includes this feature.\"\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<div class=\\\"panel-group\\\" id=\\\"accordion\\\">\\n  <div class=\\\"panel panel-default\\\">\\n    <div class=\\\"panel-heading\\\">\\n      <h4 class=\\\"panel-title\\\">\\n        <a data-toggle=\\\"collapse\\\" data-parent=\\\"#accordion\\\" href=\\\"#collapse1\\\">\\n        Blue</a>\\n      </h4>\\n    </div>\\n    <div id=\\\"collapse1\\\" class=\\\"panel-collapse collapse in\\\">\\n      <div class=\\\"panel-body\\\">\"\n}\n[/block]\n**100 x 30 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9b7898b-Blue0.5x.png\",\n        \"Blue:::at:::0.5x.png\",\n        99,\n        27,\n        \"#1084fc\"\n      ]\n    }\n  ]\n}\n[/block]\n**200 x 50 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/bdc4bbb-Blue1x.png\",\n        \"Blue@1x.png\",\n        198,\n        53,\n        \"#1172fc\"\n      ]\n    }\n  ]\n}\n[/block]\n**300 x 80 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6a30c80-Blue1.5x.png\",\n        \"Blue@1.5x.png\",\n        297,\n        80,\n        \"#1171fb\"\n      ]\n    }\n  ]\n}\n[/block]\n**400 x 110 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cd43de6-Blue2x.png\",\n        \"Blue@2x.png\",\n        396,\n        106,\n        \"#1071fc\"\n      ]\n    }\n  ]\n}\n[/block]\n**590 x 160 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d482929-Blue3x.png\",\n        \"Blue@3x.png\",\n        594,\n        159,\n        \"#1071fc\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href=\\\"https://home.bluesnap.com/\\\"><img src=\\\"https://files.readme.io/58668a7-Blue1.5x.png\\\" /></a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"</div>\\n    </div>\\n  </div>\\n  <div class=\\\"panel panel-default\\\">\\n    <div class=\\\"panel-heading\\\">\\n      <h4 class=\\\"panel-title\\\">\\n        <a data-toggle=\\\"collapse\\\" data-parent=\\\"#accordion\\\" href=\\\"#collapse2\\\">\\n       Orange</a>\\n      </h4>\\n    </div>\\n    <div id=\\\"collapse2\\\" class=\\\"panel-collapse collapse\\\">\\n      <div class=\\\"panel-body\\\">\"\n}\n[/block]\n**100 x 30 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7bbfd38-Orange0.5x.png\",\n        \"Orange@0.5x.png\",\n        99,\n        27,\n        \"#fc4907\"\n      ]\n    }\n  ]\n}\n[/block]\n**200 x 50 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5b238ed-Orange1x.png\",\n        \"Orange@1x.png\",\n        198,\n        53,\n        \"#fc4205\"\n      ]\n    }\n  ]\n}\n[/block]\n**300 x 80 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6ab67f6-Orange1.5x.png\",\n        \"Orange@1.5x.png\",\n        297,\n        80,\n        \"#fb4204\"\n      ]\n    }\n  ]\n}\n[/block]\n**400 x 110 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/043e756-Orange2x.png\",\n        \"Orange@2x.png\",\n        396,\n        106,\n        \"#fc3e04\"\n      ]\n    }\n  ]\n}\n[/block]\n**590 x 160 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9788435-Orange3x.png\",\n        \"Orange@3x.png\",\n        594,\n        159,\n        \"#fc3e04\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href=\\\"https://home.bluesnap.com/\\\"><img src=\\\"https://files.readme.io/d482929-Orange1.5x.png\\\" /></a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"</div>\\n    </div>\\n  </div>\\n  <div class=\\\"panel panel-default\\\">\\n    <div class=\\\"panel-heading\\\">\\n      <h4 class=\\\"panel-title\\\">\\n        <a data-toggle=\\\"collapse\\\" data-parent=\\\"#accordion\\\" href=\\\"#collapse3\\\">\\n        Dark</a>\\n      </h4>\\n    </div>\\n    <div id=\\\"collapse3\\\" class=\\\"panel-collapse collapse\\\">\\n      <div class=\\\"panel-body\\\">\"\n}\n[/block]\n**100 x 30 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0f5700b-Dark0.5x.png\",\n        \"Dark@0.5x.png\",\n        103,\n        31,\n        \"#414141\"\n      ]\n    }\n  ]\n}\n[/block]\n**210 x 60 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4752dbe-Dark1x.png\",\n        \"Dark@1x.png\",\n        206,\n        61,\n        \"#b0b0b0\"\n      ]\n    }\n  ]\n}\n[/block]\n**310 x 90 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7017efa-Dark1.5x.png\",\n        \"Dark@1.5x.png\",\n        309,\n        92,\n        \"#b8b8b8\"\n      ]\n    }\n  ]\n}\n[/block]\n**410 x 120 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/633141c-Dark2x.png\",\n        \"Dark@2x.png\",\n        412,\n        122,\n        \"#3c3c3c\"\n      ]\n    }\n  ]\n}\n[/block]\n**620 x 180 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/85486c1-Dark3x.png\",\n        \"Dark@3x.png\",\n        618,\n        183,\n        \"#3c3c3c\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href=\\\"https://home.bluesnap.com/\\\"><img src=\\\"https://files.readme.io/7017efa-Dark1.5x.png\\\" /></a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"    </div>\\n  </div>\\n</div>\\n<div class=\\\"panel panel-default\\\">\\n<div class=\\\"panel-heading\\\">\\n<h4 class=\\\"panel-title\\\">\\n<a data-toggle=\\\"collapse\\\" data-parent=\\\"#accordion\\\" href=\\\"#collapse4\\\">\\nLight</a>\\n</h4>\\n</div>\\n<div id=\\\"collapse4\\\" class=\\\"panel-collapse collapse\\\">\\n<div class=\\\"panel-body\\\">\\n<div class=\\\"light\\\">\"\n}\n[/block]\n**100 x 30 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5ad7f60-Light0.5x.png\",\n        \"Light@0.5x.png\",\n        103,\n        31,\n        \"#ececec\"\n      ]\n    }\n  ]\n}\n[/block]\n**210 x 60 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0ab6dae-Light1x.png\",\n        \"Light@1x.png\",\n        206,\n        61,\n        \"#d2d2d2\"\n      ]\n    }\n  ]\n}\n[/block]\n**310 x 90 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/89618da-Light1.5x.png\",\n        \"Light@1.5x.png\",\n        309,\n        92,\n        \"#eaeaea\"\n      ]\n    }\n  ]\n}\n[/block]\n**410 x 120 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/e6d93c0-Light2x.png\",\n        \"Light@2x.png\",\n        412,\n        122,\n        \"#e6e6e6\"\n      ]\n    }\n  ]\n}\n[/block]\n**620 x 180 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2424c50-Light3x.png\",\n        \"Light@3x.png\",\n        618,\n        183,\n        \"#d5d5d6\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href=\\\"https://home.bluesnap.com/\\\"><img src=\\\"https://files.readme.io/89618da-Light1.5x.png\\\" /></a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"    </div>\\n    </div>\\n  </div>\\n</div>\\n<div class=\\\"panel panel-default\\\">\\n<div class=\\\"panel-heading\\\">\\n<h4 class=\\\"panel-title\\\">\\n<a data-toggle=\\\"collapse\\\" data-parent=\\\"#accordion\\\" href=\\\"#collapse5\\\">\\nTransparent</a>\\n</h4>\\n</div>\\n<div id=\\\"collapse5\\\" class=\\\"panel-collapse collapse\\\">\\n<div class=\\\"panel-body\\\">\"\n}\n[/block]\n**100 x 20 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0cfceaa-Transparent0.5x.png\",\n        \"Transparent@0.5x.png\",\n        96,\n        24,\n        \"#000000\"\n      ]\n    }\n  ]\n}\n[/block]\n**190 x 50 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/425c14d-Transparent1x.png\",\n        \"Transparent@1x.png\",\n        192,\n        47,\n        \"#fcfcfc\"\n      ]\n    }\n  ]\n}\n[/block]\n**290 x 70 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/140b21d-Transparent1.5x.png\",\n        \"Transparent@1.5x.png\",\n        288,\n        71,\n        \"#fcfcfc\"\n      ]\n    }\n  ]\n}\n[/block]\n**380 x 90 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b0eebe8-Transparent2x.png\",\n        \"Transparent@2x.png\",\n        384,\n        94,\n        \"#fcfcfc\"\n      ]\n    }\n  ]\n}\n[/block]\n**580 x 140 pixels**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0ce6298-Transparent3x.png\",\n        \"Transparent@3x.png\",\n        576,\n        141,\n        \"#fcfcfc\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href=\\\"https://home.bluesnap.com/\\\"><img src=\\\"https://files.readme.io/140b21d-Transparent1.5x.png\\\" /></a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<style>\\n  #collapse4,\\n  #collapse5 {\\n  \\tbackground: rgba(143, 204, 215, 0.6);\\n   }\\n</style>\\n  \\n  </div>\\n  </div>\\n  </div>\"\n}\n[/block]","excerpt":"Establish trust  with your shoppers by adding a BlueSnap security badge to your checkout page.","slug":"security-badges","type":"basic","title":"Security Badges"}

Security Badges

Establish trust with your shoppers by adding a BlueSnap security badge to your checkout page.

The following BlueSnap security badges are available for you to include on your website, so your shoppers can be confident in a safe and secure checkout experience.

Adding a Security Badge

To add a badge to your website, simply follow the instructions below.

  1. Save one of the following security badges locally on your machine.

  2. Upload the badge to your web server.

  3. Refer to the HTML code below to get you started in adding the badge to your website. You can simple copy and paste the included code, and replace the image source with the image URL on your web server.

Tip

It is suggested that the security badge be linked to BlueSnap's homepage to establish the legitimacy and security of the badge. The HTML code below includes this feature.

100 x 30 pixels

200 x 50 pixels

300 x 80 pixels

400 x 110 pixels

590 x 160 pixels

<a href="https://home.bluesnap.com/"><img src="https://files.readme.io/58668a7-Blue1.5x.png" /></a>

100 x 30 pixels

200 x 50 pixels

300 x 80 pixels

400 x 110 pixels

590 x 160 pixels

<a href="https://home.bluesnap.com/"><img src="https://files.readme.io/d482929-Orange1.5x.png" /></a>

100 x 30 pixels

210 x 60 pixels

310 x 90 pixels

410 x 120 pixels

620 x 180 pixels

<a href="https://home.bluesnap.com/"><img src="https://files.readme.io/7017efa-Dark1.5x.png" /></a>

100 x 30 pixels

210 x 60 pixels

310 x 90 pixels

410 x 120 pixels

620 x 180 pixels

<a href="https://home.bluesnap.com/"><img src="https://files.readme.io/89618da-Light1.5x.png" /></a>

100 x 20 pixels

190 x 50 pixels

290 x 70 pixels

380 x 90 pixels

580 x 140 pixels

<a href="https://home.bluesnap.com/"><img src="https://files.readme.io/140b21d-Transparent1.5x.png" /></a>