{"__v":1,"_id":"555ca4ee15a89b0d00c1aee9","category":{"__v":11,"_id":"551558324c7c1e39003735a0","pages":["55155913fd26132300e74e32","55155b2907e9252f00348881","55156a8307e9252f00348899","553a6a6a2af5f20d000fc2d2","555ca4ee15a89b0d00c1aee9","558154478625220d00429c78","55a5052a750a9a23005332be","55a62e85249a40190051d98d","55e41f711020fe0d00388a00","5609036331beb60d001b6585","5638d42668b11f0d0048c8d5"],"project":"547cd7662eaee50800ed1089","version":"547cd7662eaee50800ed108c","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-03-27T13:16:34.125Z","from_sync":false,"order":7,"slug":"tips-and-tricks","title":"Tips and Tricks"},"parentDoc":null,"project":"547cd7662eaee50800ed1089","user":"547cd6ac78fd57080023ca99","version":{"__v":9,"_id":"547cd7662eaee50800ed108c","project":"547cd7662eaee50800ed1089","createdAt":"2014-12-01T21:02:30.851Z","releaseDate":"2014-12-01T21:02:30.851Z","categories":["547cd7672eaee50800ed108d","54c8f8ae0174630d00efa874","54c8f8bd7a11f60d0022a832","54c8f8c60174630d00efa876","54c8f8f10174630d00efa877","55155826bc466623002afe83","551558324c7c1e39003735a0","56052058e266000d008971c7","57909a453b845d0e006a37d5"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-20T15:14:54.126Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"If you would like to customize an appearance of the Embedded Store window, you should do it on the FastSpring side.\n\n1\\. Log into your Springboard.\n\n2\\. Select *'Styles'* under *'Promotions and Appearance'* section.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7XwBV6Y0TeuYSS714PjX_1.png\",\n        \"1.png\",\n        \"2880\",\n        \"1135\",\n        \"#ab04bb\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n3\\. Select the store you’d like to configure.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3dMTnau1QKid4wP0IFVo_2.png\",\n        \"2.png\",\n        \"2876\",\n        \"597\",\n        \"#ab04bc\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n4\\. Upload the archive with styles.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4AiLDUFxQIyUc5AGOOdm_3.png\",\n        \"3.png\",\n        \"2880\",\n        \"1328\",\n        \"#ad07bd\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n5\\. Click **Save**.\n\n6\\. Click **Preview** to test changes.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/tKN2CrkMRSCnMQBJosWT_4.png\",\n        \"4.png\",\n        \"1152\",\n        \"610\",\n        \"#ad05b8\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n7\\. Click *'Short'*.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/jJ3VurISTielq0u6WREB_5.png\",\n        \"5.png\",\n        \"2593\",\n        \"448\",\n        \"#0588d3\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"embedded-store-appearance-customization","type":"basic","title":"Embedded Store Appearance Customization"}

Embedded Store Appearance Customization


If you would like to customize an appearance of the Embedded Store window, you should do it on the FastSpring side. 1\. Log into your Springboard. 2\. Select *'Styles'* under *'Promotions and Appearance'* section. [block:image] { "images": [ { "image": [ "https://files.readme.io/7XwBV6Y0TeuYSS714PjX_1.png", "1.png", "2880", "1135", "#ab04bb", "" ] } ] } [/block] 3\. Select the store you’d like to configure. [block:image] { "images": [ { "image": [ "https://files.readme.io/3dMTnau1QKid4wP0IFVo_2.png", "2.png", "2876", "597", "#ab04bc", "" ] } ] } [/block] 4\. Upload the archive with styles. [block:image] { "images": [ { "image": [ "https://files.readme.io/4AiLDUFxQIyUc5AGOOdm_3.png", "3.png", "2880", "1328", "#ad07bd", "" ] } ] } [/block] 5\. Click **Save**. 6\. Click **Preview** to test changes. [block:image] { "images": [ { "image": [ "https://files.readme.io/tKN2CrkMRSCnMQBJosWT_4.png", "4.png", "1152", "610", "#ad05b8", "" ] } ] } [/block] 7\. Click *'Short'*. [block:image] { "images": [ { "image": [ "https://files.readme.io/jJ3VurISTielq0u6WREB_5.png", "5.png", "2593", "448", "#0588d3", "" ] } ] } [/block]