{"__v":0,"_id":"591f17b321d2ff0f00cf5a6a","category":{"version":"591f17ae21d2ff0f00cf5a3f","project":"547cd7662eaee50800ed1089","_id":"591f17af21d2ff0f00cf5a47","__v":0,"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":1,"_id":"591f17ae21d2ff0f00cf5a3f","project":"547cd7662eaee50800ed1089","createdAt":"2017-05-19T16:05:02.775Z","releaseDate":"2017-05-19T16:05:02.775Z","categories":["591f17af21d2ff0f00cf5a40","591f17af21d2ff0f00cf5a41","591f17af21d2ff0f00cf5a42","591f17af21d2ff0f00cf5a43","591f17af21d2ff0f00cf5a44","591f17af21d2ff0f00cf5a45","591f17af21d2ff0f00cf5a46","591f17af21d2ff0f00cf5a47","591f17af21d2ff0f00cf5a48"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.1","version":"1.0.1"},"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":44,"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":"FastSpring Embedded Store Appearance Customization"}

FastSpring 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]