{"_id":"5429ad872e366c080086b5c6","project":"542979c51215fe08007e0ee5","__v":7,"is_link":false,"category":{"_id":"5429898d1215fe08007e0fe6","pages":["5429ad872e366c080086b5c6","5429cb1b2e366c080086b777","542db0adcb19820800c1f4a3","54380c2df15a8e1400831f88","542aee7d54d88d140075ff00","542af02f54d88d140075ff14","542f14abacabcf080095953b","54651c6df42a472000b0c611","55f81b4f59eace0d0087db2b","56b0c5d81486990d009c101a","56babbffc275570d00ce7105"],"project":"542979c51215fe08007e0ee5","version":"542979c51215fe08007e0ee8","__v":10,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2014-09-29T16:32:13.661Z","from_sync":false,"order":1,"slug":"helpers","title":"Helpers"},"user":"542979b61215fe08007e0ee4","version":{"_id":"542979c51215fe08007e0ee8","project":"542979c51215fe08007e0ee5","__v":4,"createdAt":"2014-09-29T15:24:53.437Z","releaseDate":"2014-09-29T15:24:53.437Z","categories":["542979c51215fe08007e0ee9","542985897a6b690800767fab","5429898d1215fe08007e0fe6","542ac5aa54d88d140075fcaf"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2014-09-29T19:05:43.396Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","try":true,"basic_auth":false,"auth":"never","params":[],"url":""},"isReference":false,"order":1,"body":"Inkcite's built-in `{button}` helper makes it easy to add bullet-proof, responsive CTAs to your email that look great in every email client.\n\n## Usage\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"{button id=\\\"[LINK ID HERE]\\\" href=\\\"[HREF HERE]\\\"}Order Now!{/button}\",\n      \"language\": \"html\",\n      \"name\": \"email.html\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Keep it DRY\",\n  \"body\": \"If you've previously declared a link `id` and it's corresponding `href` (in either an earlier `{a}` or `{button}`, there is no need to repeat yourself.  Skip the `href` attribute because it will be inherited automatically.\"\n}\n[/block]\n## Global Configuration\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// Global configuration values for the built-in\\n// {button} helper.  All integer values are in px.\\nbutton-bevel\\t3\\nbutton-border-radius\\t5\\nbutton-color\\t#ffffff\\nbutton-float\\tcenter\\nbutton-font\\tdefault\\nbutton-font-weight\\tbold\\nbutton-margin-top\\t5\\nbutton-padding\\t7\",\n      \"language\": \"html\",\n      \"name\": \"helpers.tsv\"\n    }\n  ]\n}\n[/block]","excerpt":"Bulletproof, responsive buttons","slug":"button","type":"basic","title":"Button"}

Button

Bulletproof, responsive buttons

Inkcite's built-in `{button}` helper makes it easy to add bullet-proof, responsive CTAs to your email that look great in every email client. ## Usage [block:code] { "codes": [ { "code": "{button id=\"[LINK ID HERE]\" href=\"[HREF HERE]\"}Order Now!{/button}", "language": "html", "name": "email.html" } ] } [/block] [block:callout] { "type": "success", "title": "Keep it DRY", "body": "If you've previously declared a link `id` and it's corresponding `href` (in either an earlier `{a}` or `{button}`, there is no need to repeat yourself. Skip the `href` attribute because it will be inherited automatically." } [/block] ## Global Configuration [block:code] { "codes": [ { "code": "// Global configuration values for the built-in\n// {button} helper. All integer values are in px.\nbutton-bevel\t3\nbutton-border-radius\t5\nbutton-color\t#ffffff\nbutton-float\tcenter\nbutton-font\tdefault\nbutton-font-weight\tbold\nbutton-margin-top\t5\nbutton-padding\t7", "language": "html", "name": "helpers.tsv" } ] } [/block]