{"id":800,"date":"2017-04-16T10:17:13","date_gmt":"2017-04-16T04:47:13","guid":{"rendered":"https:\/\/www.ogeninfo.com\/blog\/?p=800"},"modified":"2017-04-16T10:19:27","modified_gmt":"2017-04-16T04:49:27","slug":"how-to-build-a-custom-email-with-foundation-for-emails","status":"publish","type":"post","link":"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/","title":{"rendered":"How to Build a Custom Email with Foundation for Emails"},"content":{"rendered":"<p style=\"text-align: justify;\">Building email layouts are down right hard. Building responsive messages is considerably harder.<\/p>\n<p style=\"text-align: justify;\">Fortunately, the kind people over at Zurb have built up a fabulous structure that makes the way toward building responsive messages less demanding than it has ever been some time recently.<\/p>\n<p style=\"text-align: justify;\">Establishment for Emails (in the past Ink) is a system tailor fit for a cutting edge creator\/engineer hoping to utilize the apparatuses and advances of today to assemble responsive email layouts for tomorrow.<\/p>\n<h3 style=\"text-align: justify;\">THE NUMBERS DON&#8217;T LIE<\/h3>\n<p style=\"text-align: justify;\">As indicated by Zurb, 54% of messages are opened on a cell phone and this number is probably going to rise. With that figure set up, the requirement for a responsive email layout is an unquestionable requirement. Zurb additionally expresses that 75% of Gmail clients get to their record from their cell phone.<\/p>\n<p style=\"text-align: justify;\">Regardless of the kind of email sent, Foundation for Emails has you secured. Truth be told, once you dispatch their helpful venture developer you are welcomed with test layouts to either reference or modify to your heart&#8217;s substance.<\/p>\n<h3 style=\"text-align: justify;\">Beginning<\/h3>\n<p style=\"text-align: justify;\">All through this article, I will demonstrate to you generally accepted methods to get up and running with Foundation for Emails utilizing a custom format I intended for my own particular little marking office. Likewise with any structure, it&#8217;s basic for you to reference the documentation. I won&#8217;t go over everything about Zurb as of now has however this guide will be sufficient for you to get straight down to business.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/coc-emails.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-801 aligncenter\" src=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/coc-emails.jpg\" alt=\"\" width=\"665\" height=\"2969\" srcset=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/coc-emails.jpg 665w, https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/coc-emails-67x300.jpg 67w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<h3 style=\"text-align: justify;\">SOURCE CODE<\/h3>\n<p style=\"text-align: justify;\">You can locate the last source code to this venture on GitHub.<\/p>\n<p style=\"text-align: justify;\"><strong>Establishment<\/strong><\/p>\n<p style=\"text-align: justify;\">To start you can pick into utilization customary CSS or Sass. I&#8217;ll be making utilization of Sass.<\/p>\n<p style=\"text-align: justify;\">There are many reasons I prescribe going this course instead of customary CSS. These reasons include:<\/p>\n<ul style=\"text-align: justify;\">\n<li>More control over the structure&#8217;s visual styles<\/li>\n<li>A full form handle including Sass gathering and picture pressure<\/li>\n<li>A custom HTML dialect is known as inky which implies you don&#8217;t need to compose table based formats by hand.<\/li>\n<li>An implicit inline for conveying your CSS as inline CSS<\/li>\n<li>Live reloading<\/li>\n<li>Handlebars templating<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><strong>Note \u2013 The Sass rendition requires Node.js to run. Make sure to introduce it before going ahead.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building email layouts are down right hard. Building responsive messages is considerably harder. Fortunately, the kind people over at Zurb have built up a fabulous structure that makes the way toward building responsive messages less demanding than it has ever been some time recently. Establishment for Emails (in the past Ink) is a system tailor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":805,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[204],"class_list":["post-800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing","tag-email-marketing"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"admin\"\/>\n\t<meta name=\"google-site-verification\" content=\"tbyWcItlzkiB8_1ks1vlBs9uiRNGQF7KYi0WR-52SIo\" \/>\n\t<meta name=\"msvalidate.01\" content=\"37DEBB35D2406D6C25D7B5DE135D5703\" \/>\n\t<meta name=\"keywords\" content=\"website designing company in delhi,web design company,website designing company in kirti nagar,email marketing\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog - OGEN Infosystem |\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Email Marketing - How to Build a Custom Email with Foundation for Emails\" \/>\n\t\t<meta property=\"og:description\" content=\"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/\" \/>\n\t\t<meta property=\"fb:app_id\" content=\"170428330115947\" \/>\n\t\t<meta property=\"fb:admins\" content=\"790246117677304\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"820\" \/>\n\t\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t\t<meta property=\"article:tag\" content=\"website designing company in delhi\" \/>\n\t\t<meta property=\"article:tag\" content=\"web design company\" \/>\n\t\t<meta property=\"article:tag\" content=\"website designing company in kirti nagar\" \/>\n\t\t<meta property=\"article:tag\" content=\"email marketing\" \/>\n\t\t<meta property=\"article:tag\" content=\"digital marketing\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-04-16T04:47:13+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-04-16T04:49:27+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ogeninfosystemofficial\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@ogeninfosystem\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Email Marketing - How to Build a Custom Email with Foundation for Emails\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@ogeninfosystem\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Email Marketing - How to Build a Custom Email with Foundation for Emails","description":"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi","canonical_url":"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"website designing company in delhi,web design company,website designing company in kirti nagar,email marketing","webmasterTools":{"google-site-verification":"tbyWcItlzkiB8_1ks1vlBs9uiRNGQF7KYi0WR-52SIo","msvalidate.01":"37DEBB35D2406D6C25D7B5DE135D5703","miscellaneous":""},"schema":null,"og:locale":"en_US","og:site_name":"Blog - OGEN Infosystem |","og:type":"article","og:title":"Email Marketing - How to Build a Custom Email with Foundation for Emails","og:description":"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi","og:url":"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/","fb:app_id":"170428330115947","fb:admins":"790246117677304","og:image":"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp","og:image:secure_url":"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp","og:image:width":820,"og:image:height":400,"article:tag":["website designing company in delhi","web design company","website designing company in kirti nagar","email marketing","digital marketing"],"article:published_time":"2017-04-16T04:47:13+00:00","article:modified_time":"2017-04-16T04:49:27+00:00","article:publisher":"https:\/\/www.facebook.com\/Ogeninfosystemofficial","twitter:card":"summary_large_image","twitter:site":"@ogeninfosystem","twitter:title":"Email Marketing - How to Build a Custom Email with Foundation for Emails","twitter:description":"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi","twitter:creator":"@ogeninfosystem","twitter:image":"https:\/\/www.ogeninfo.com\/blog\/wp-content\/uploads\/2017\/04\/20-Email-marketing-Tools.webp"},"aioseo_meta_data":{"post_id":"800","title":"Email Marketing - How to Build a Custom Email with Foundation for Emails","description":"Building email layouts are down right hard. Building responsive messages is considerably harder. OGEN Infosystem is best Email Marketing Company in Dlehi","keywords":[{"label":"Website Designing Company in Delhi","value":"Website Designing Company in Delhi"},{"label":"Web Design Company","value":"Web Design Company"},{"label":"Website Designing Company in kirti nagar","value":"Website Designing Company in kirti nagar"}],"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"article","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary_large_image","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2021-05-28 06:00:14","updated":"2023-02-19 16:46:41","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.ogeninfo.com\/blog\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u2192<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.ogeninfo.com\/blog\/category\/digital-marketing\/\" title=\"Digital Marketing\">Digital Marketing<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u2192<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to Build a Custom Email with Foundation for Emails\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.ogeninfo.com\/blog\/"},{"label":"Digital Marketing","link":"https:\/\/www.ogeninfo.com\/blog\/category\/digital-marketing\/"},{"label":"How to Build a Custom Email with Foundation for Emails","link":"https:\/\/www.ogeninfo.com\/blog\/how-to-build-a-custom-email-with-foundation-for-emails\/"}],"_links":{"self":[{"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/posts\/800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/comments?post=800"}],"version-history":[{"count":4,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/posts\/800\/revisions"}],"predecessor-version":[{"id":806,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/posts\/800\/revisions\/806"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/media\/805"}],"wp:attachment":[{"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/media?parent=800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/categories?post=800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ogeninfo.com\/blog\/wp-json\/wp\/v2\/tags?post=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}