{"__v":13,"_id":"56ba46b18cf7c921000966d0","category":{"__v":5,"_id":"56ba3656ce5d540d00e2d789","pages":["56ba379a8fce0e1900d992c3","56ba37bbc275570d00ce7066","56ba37ccb77e261700bc148d","56ba3a63984f030d00713a49","56ba46b18cf7c921000966d0"],"project":"555e500957fe0a0d00c8f1e7","version":"555e500957fe0a0d00c8f1ea","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-02-09T18:56:22.257Z","from_sync":false,"order":2,"slug":"installation-instructions","title":"Installation Instructions"},"project":"555e500957fe0a0d00c8f1e7","user":"550c941bd1063b2d00359239","version":{"__v":12,"_id":"555e500957fe0a0d00c8f1ea","project":"555e500957fe0a0d00c8f1e7","createdAt":"2015-05-21T21:37:13.474Z","releaseDate":"2015-05-21T21:37:13.474Z","categories":["555e500957fe0a0d00c8f1eb","555e5fcedf54680d001800db","555e60d7df54680d001800fb","555e6766df54680d00180118","556f4d5debba950d008e9462","556f60959893290d00988c5b","556f6216ebba950d008e94e6","556f6b2aebba950d008e951a","556f71b6fc3aa80d00e1ac55","5570a30bcc189a21001ab44c","56ba3656ce5d540d00e2d789","56bce73a3ad5140d00055345"],"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":"2016-02-09T20:06:09.850Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Wordpress.org v.s. Wordpress.com\",\n  \"body\": \"These instructions are for user-controlled installations of Wordpress.org. The Wordpress.com platform does not support the inclusion of custom JavaScript, and does not support Embeddable Crowdfunding at this time.\"\n}\n[/block]\n# Step 1\n\nInside your Wordpress admin panel, click on ```Appearance``` > ```Editor``` and then choose ```Theme Footer```\n\nBefore the closing ```</body``` tag, add the following code snippet:\n\n```\n<script type=\"text/javascript\" src=\"https://pro.tilt.com/checkout-1-3-0.js\"></script>\n```\n\n# Step 2\n\nAt this point, you can navigate to any page in your template and add a \"Pre-Order\" button or link that will automatically be tied to your checkout form.\n\ne.g In the ```Pages``` section of your Wordpress admin panel, switch the text editor to \"Text\" and then add your customized data attribute to the desired HTML element that you'd like to trigger the pre-order form. (You can find this in your Tilt admin panel on the \"Embed Instructions\" page.)\n\nYour data attributes will look something like this: ```data-ct-checkout=site.your-unique-campaign-slug```\n\nAnd here's an example of adding that to an HTML element (<button>): ```<button data-ct-checkout=\"site.your-unique-campaign-slug\">Preorder Now!</button>```","excerpt":"","slug":"wordpressorg-installation-pre-orders","type":"basic","title":"Wordpress.org Installation (Pre-Orders)"}

Wordpress.org Installation (Pre-Orders)


[block:callout] { "type": "info", "title": "Wordpress.org v.s. Wordpress.com", "body": "These instructions are for user-controlled installations of Wordpress.org. The Wordpress.com platform does not support the inclusion of custom JavaScript, and does not support Embeddable Crowdfunding at this time." } [/block] # Step 1 Inside your Wordpress admin panel, click on ```Appearance``` > ```Editor``` and then choose ```Theme Footer``` Before the closing ```</body``` tag, add the following code snippet: ``` <script type="text/javascript" src="https://pro.tilt.com/checkout-1-3-0.js"></script> ``` # Step 2 At this point, you can navigate to any page in your template and add a "Pre-Order" button or link that will automatically be tied to your checkout form. e.g In the ```Pages``` section of your Wordpress admin panel, switch the text editor to "Text" and then add your customized data attribute to the desired HTML element that you'd like to trigger the pre-order form. (You can find this in your Tilt admin panel on the "Embed Instructions" page.) Your data attributes will look something like this: ```data-ct-checkout=site.your-unique-campaign-slug``` And here's an example of adding that to an HTML element (<button>): ```<button data-ct-checkout="site.your-unique-campaign-slug">Preorder Now!</button>```