{"__v":11,"_id":"56d7a2ec5208281500a2506c","category":{"__v":26,"_id":"55a4ff5b2e70c0250038050f","pages":["55a4ff7d750a9a23005332af","55a4ff8b750a9a23005332b1","55a4ff9b750a9a23005332b3","55a60bfcaaf9cf1900114efb","55a6184880c8a30d00b32526","55a61ba780c8a30d00b32532","55a61c97aaf9cf1900114f40","55a61ea9aaf9cf1900114f48","55a6206580c8a30d00b32544","55a64277aaf9cf1900114fc2","55a694d1aaf9cf1900115102","55a6a23eaaf9cf19001151e2","55a6a9b389c9da1900e2a41d","55a6aba45f88a70d0065b255","55a90687c8bd450d000dd157","55af84f3aa902f1700300daa","55afa3e3902fd51700f5f858","55b0cc5cb3171b3700b153fa","56015bdc3aa0520d00da0ced","5603fe3490ee490d004404c2","5633dd18d28a340d004004f5","56448c697a8cb50d00a3ea3f","56d7a2ec5208281500a2506c","56d859b8b159f10b00304577","56d9822add90610b002708a1","56ef44c6e8d6fa17006f244f"],"project":"5540ce1b31827a0d007ab1cc","version":"5540ce1c31827a0d007ab1cf","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-07-14T12:23:55.603Z","from_sync":false,"order":2,"slug":"features","title":"Features"},"parentDoc":null,"project":"5540ce1b31827a0d007ab1cc","user":"5540e0f5bb9e762d00f594c0","version":{"__v":31,"_id":"5540ce1c31827a0d007ab1cf","project":"5540ce1b31827a0d007ab1cc","createdAt":"2015-04-29T12:27:08.390Z","releaseDate":"2015-04-29T12:27:08.390Z","categories":["5540ce1c31827a0d007ab1d0","5540d91bbb9e762d00f594ad","5540e5f131827a0d007ab212","5540e5febb9e762d00f594d3","5540e61331827a0d007ab213","5540e6195cf9682100d61afa","5540e62631827a0d007ab214","5540e63031827a0d007ab215","5540e63531827a0d007ab216","5540e63e5cf9682100d61afc","5540e6445cf9682100d61afd","5540e64a5cf9682100d61afe","55a4ff5b2e70c0250038050f","55acb28318eefd0d0071d504","55ae1abe8576b92300291c80","55ae453ef302af23000ac109","55af586d555b900d0036d296","55af91dac8a85321007a53c3","55b9fee204775a2f00628071","55b9ff0e04775a2f00628072","55b9ff4604775a2f00628073","55b9ff5fd72d1e1900276a38","55b9ff7f04775a2f00628074","55b9ff90eb08801900f833e5","55b9ffa5d72d1e1900276a39","55b9ffca04775a2f00628075","55b9fffdd72d1e1900276a3a","56bc2f033ee9e70d008b46af","56c2f6efbbf9ec2d00e0fe4f","57595bbb18760817001e8bbe","57d8d9793916800e003dde53"],"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-03-03T02:35:24.786Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":23,"body":"[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"iOS 9 important information\",\n  \"body\": \"iOS 9 enables App Transport Security by default and requires all the network connection to support HTTPS and Perfect Secrecy. To use images, videos or other content for Rich Media that comes from non-secure HTTP servers you have to disable ATS in your app.\\n\\nFollow this post to disable ATS for your app:\\nhttp://stackoverflow.com/questions/31254725/transport-security-has-blocked-a-cleartext-http\"\n}\n[/block]\n**1.** Create free account at Mailchimp on http://mailchimp.com/\n**2. **Go to the templates section and click \"Create Template\"\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/NgIGmYZEQei5qlVwbnDC_Templates___MailChimp.png\",\n        \"Templates___MailChimp.png\",\n        \"2832\",\n        \"1018\",\n        \"#c75f42\",\n        \"\"\n      ],\n      \"caption\": \"Create template screen\"\n    }\n  ]\n}\n[/block]\n**3.** Select the starting point for your template that suits your need.\n**4. **You might want to delete header (ex: \"View this email in your browser\") and footer from the default template sample.\n**5.** Then you can add text, image, buttons or even video content based on your needs.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/RxoLMaYrQGi601asPrPN_Edit_Template___MailChimp.png\",\n        \"Edit_Template___MailChimp.png\",\n        \"2824\",\n        \"1356\",\n        \"#b09375\",\n        \"\"\n      ],\n      \"caption\": \"Adding content and previewing Rich Media\"\n    }\n  ]\n}\n[/block]\n**6. **Save the template, then on a template list screen select \"Export as HTML\"\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9q1jW6jeSCGGDriTAg51_Templates___MailChimp.png\",\n        \"Templates___MailChimp.png\",\n        \"2590\",\n        \"1234\",\n        \"#616667\",\n        \"\"\n      ],\n      \"caption\": \"Exporting Rich Media as HTML\"\n    }\n  ]\n}\n[/block]\n**7.** Rename the file to index.html and the compress as a .zip archive\n**8.** Go to the Rich Media section in Pushwoosh and upload .zip archive\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/y5RrF6ZQ3GhdHGcyb96g_Pushwoosh.png\",\n        \"Pushwoosh.png\",\n        \"1738\",\n        \"1078\",\n        \"#219b66\",\n        \"\"\n      ],\n      \"caption\": \"Uploading to Pushwoosh\"\n    }\n  ]\n}\n[/block]\nThat's it! You can use now uploaded template as a Rich Media!\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/wlaW2J9GQUuUwM1uJA5o_Pushwoosh.png\",\n        \"Pushwoosh.png\",\n        \"1732\",\n        \"1396\",\n        \"#50e9e8\",\n        \"\"\n      ],\n      \"caption\": \"Rich Media template in Pushwoosh\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"easy-templates-for-rich-media-with-mailchimp","type":"basic","title":"Easy templates for Rich Media with Mailchimp"}

Easy templates for Rich Media with Mailchimp


[block:callout] { "type": "success", "title": "iOS 9 important information", "body": "iOS 9 enables App Transport Security by default and requires all the network connection to support HTTPS and Perfect Secrecy. To use images, videos or other content for Rich Media that comes from non-secure HTTP servers you have to disable ATS in your app.\n\nFollow this post to disable ATS for your app:\nhttp://stackoverflow.com/questions/31254725/transport-security-has-blocked-a-cleartext-http" } [/block] **1.** Create free account at Mailchimp on http://mailchimp.com/ **2. **Go to the templates section and click "Create Template" [block:image] { "images": [ { "image": [ "https://files.readme.io/NgIGmYZEQei5qlVwbnDC_Templates___MailChimp.png", "Templates___MailChimp.png", "2832", "1018", "#c75f42", "" ], "caption": "Create template screen" } ] } [/block] **3.** Select the starting point for your template that suits your need. **4. **You might want to delete header (ex: "View this email in your browser") and footer from the default template sample. **5.** Then you can add text, image, buttons or even video content based on your needs. [block:image] { "images": [ { "image": [ "https://files.readme.io/RxoLMaYrQGi601asPrPN_Edit_Template___MailChimp.png", "Edit_Template___MailChimp.png", "2824", "1356", "#b09375", "" ], "caption": "Adding content and previewing Rich Media" } ] } [/block] **6. **Save the template, then on a template list screen select "Export as HTML" [block:image] { "images": [ { "image": [ "https://files.readme.io/9q1jW6jeSCGGDriTAg51_Templates___MailChimp.png", "Templates___MailChimp.png", "2590", "1234", "#616667", "" ], "caption": "Exporting Rich Media as HTML" } ] } [/block] **7.** Rename the file to index.html and the compress as a .zip archive **8.** Go to the Rich Media section in Pushwoosh and upload .zip archive [block:image] { "images": [ { "image": [ "https://files.readme.io/y5RrF6ZQ3GhdHGcyb96g_Pushwoosh.png", "Pushwoosh.png", "1738", "1078", "#219b66", "" ], "caption": "Uploading to Pushwoosh" } ] } [/block] That's it! You can use now uploaded template as a Rich Media! [block:image] { "images": [ { "image": [ "https://files.readme.io/wlaW2J9GQUuUwM1uJA5o_Pushwoosh.png", "Pushwoosh.png", "1732", "1396", "#50e9e8", "" ], "caption": "Rich Media template in Pushwoosh" } ] } [/block]