{"id":110172,"date":"2020-09-02T16:01:59","date_gmt":"2020-09-02T21:01:59","guid":{"rendered":"https:\/\/wpengine.com\/?p=110172"},"modified":"2025-05-14T13:32:45","modified_gmt":"2025-05-14T18:32:45","slug":"introducing-genesis-custom-blocks","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/","title":{"rendered":"Introducing Genesis Custom Blocks"},"content":{"rendered":"\n<p>Genesis Custom Blocks is the latest introduction to the Genesis family. It\u2019s a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor. Using the plugin, which is <a href=\"https:\/\/wordpress.org\/plugins\/genesis-custom-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">available now on wordpress.org<\/a>, means that anyone, regardless of where they host their sites or what theme they use, can build blocks that look and behave exactly the way they need them to!<\/p>\n\n\n\n<p>Ever since the launch of the block editor (Gutenberg), WP Engine has been increasing its investment into products that empower people in the new block-first paradigm. Amidst this, we\u2019ve frequently heard two things from both the Genesis and WordPress communities:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cPremium block libraries are great, but we need to implement a custom design, add a unique feature, or integrate with a third party plugin or app.\u201d<\/li>\n\n\n\n<li>\u201cIs there anything that Genesis or WP Engine can do to help us with Custom Blocks?\u201d<\/li>\n<\/ul>\n\n\n\n<p>Regarding the first question, we totally understand. To answer the second, Yes!<\/p>\n\n\n\n<p>Today, we\u2019re <em>very<\/em> excited to announce the release of <a href=\"https:\/\/wordpress.org\/plugins\/genesis-custom-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis Custom Blocks<\/a>, which makes building custom blocks a whole lot easier. Genesis Custom Blocks provides an interface in the WordPress admin to add and configure your custom blocks. Alongside this, the plugin gives WordPress developers a super simple templating engine to build out their block templates. This templating engine is, as we call it, \u201cfront end agnostic,\u201d meaning you\u2019ll be able to work with whatever theme or front end-framework you prefer.<\/p>\n\n\n\n<p>There&#8217;s a lot to cover regarding how this plugin works and what it can do for WordPress developers. This four-minute walkthrough video covers it all really well.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/438004751?title=0&amp;byline=0&amp;portrait=0\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<h2 class=\"wp-block-heading\">Free as in beer.<\/h2>\n\n\n\n<p>If you\u2019re familiar with the Genesis Framework, you\u2019ll know that it has always been a licensed product. Well, we\u2019re changing the game a little. And by a little, I mean a lot. Genesis Custom Blocks is available for free on WordPress.org. It\u2019s not a light-weight <em>get-a-taste-of-things<\/em> plugin either. It\u2019s full-featured and ready to power your custom block dev workflows.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Do more with Pro.<\/h2>\n\n\n\n<p>In addition to the free features, we\u2019ve built a number of advanced features (including the repeater field type) that provide professional developers with additional custom block super-powers. These advanced features are available as part of a <a href=\"https:\/\/wpengine.com\/genesis\/\">Genesis Pro<\/a> subscription.<\/p>\n\n\n\n<p>You can learn more about those features, Genesis Pro, and the rest of the <a href=\"https:\/\/wpengine.com\/genesis\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis product suite here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A developer tool is only as good as its documentation.<\/h2>\n\n\n\n<p><a href=\"https:\/\/developer.wpengine.com\/genesis-custom-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">The docs<\/a> for Genesis Custom Blocks are one of the biggest \u201cfeatures\u201d of the plugin. After all, a developer tool without documentation isn\u2019t that useful of a tool. Alongside these docs, we have our <a rel=\"noreferrer noopener\" href=\"https:\/\/studiopress.github.io\/genesis\/contribute\/community\/\" target=\"_blank\">Genesis Slack Community<\/a>. This is a place that Genesis users can learn and share together. We\u2019d love you to join us here and welcome any questions you may have around Genesis Custom Blocks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<p><strong>Q: Do I need a WP Engine hosting plan to use Genesis Custom Blocks or Genesis Pro?<\/strong><\/p>\n\n\n\n<p>A: No! Genesis Custom Blocks on WordPress.org is a plugin that can be installed no matter where you host. Additionally, if you have a Genesis Pro subscription, the advanced features of Genesis Custom Blocks can also be used wherever your site is hosted.<\/p>\n\n\n\n<p><strong>Q: Do I need to be using the Genesis Framework to use Genesis Custom Blocks?<\/strong><\/p>\n\n\n\n<p>A: Nope! The only thing that Genesis Custom Blocks needs is for the block editor to be enabled on your WordPress site. If you have a recent version (5.0+) of WordPress running, this will be enabled by default.<\/p>\n\n\n\n<p><strong>Q: I\u2019m a WP Engine customer, do I get Genesis Custom Blocks as part of my hosting plan?<\/strong><\/p>\n\n\n\n<p>A: Genesis Custom Blocks is free and available for anyone via WordPress.org, including WP Engine customers. The advanced features are available with a Genesis Pro plan. WP Engine customers can add Genesis Pro as a paid add-on to their account via the WP Engine account portal.<\/p>\n\n\n\n<p><strong>Q: I already have a Genesis Pro subscription. What does this mean for me?<\/strong><\/p>\n\n\n\n<p>A: Alongside the free plugin on WordPress.org, you get immediate access to the advanced features of Genesis Custom Blocks. No need to pay anything more or do anything else. You can visit your account page for more info on installing the plugin.<\/p>\n\n\n\n<p><strong><em>Find out more about <\/em><a rel=\"noreferrer noopener\" href=\"https:\/\/wpengine.com\/themes\/genesis-framework\/\" target=\"_blank\"><em>Genesis<\/em><\/a><em> and <\/em><a rel=\"noreferrer noopener\" href=\"https:\/\/www.studiopress.com\/genesis-pro\/?__hstc=51647990.74ba6232694761401b368801c80acbf1.1568830378194.1598291350701.1598308369437.929&amp;__hssc=51647990.6.1598308369437&amp;__hsfp=3817404315&amp;_ga=2.29251644.1256401849.1598285080-2001468670.1525199420&amp;_gac=1.12381056.1597181929.EAIaIQobChMImfL9642U6wIVBP_jBx2LLwlEEAAYASABEgKlS_D_BwE\" target=\"_blank\"><em>Genesis Pro<\/em><\/a><em> as well as <\/em><a rel=\"noreferrer noopener\" href=\"https:\/\/wpengine.com\/studiopress-themes\/\" target=\"_blank\">amazing<em> Genesis-built themes<\/em><\/a><em> for WordPress. You can also <\/em><a href=\"https:\/\/wpengine.com\/resources\/building-with-genesis-an-agency-case-study\/\">r<\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/wpengine.com\/resources\/building-with-genesis-an-agency-case-study\/\" target=\"_blank\">ead this case<\/a><em> study to learn more about the ways businesses are <\/em><a href=\"https:\/\/wpengine.com\/blog\/genesis-for-small-businesses-a-case-study\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>lever<\/em>aging<\/a> Genesis to build better sites faster<em> and grow their client accounts.&nbsp;<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Genesis Custom Blocks is the latest introduction to the Genesis family. It\u2019s a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor. Using the plugin, which is available now on wordpress.org, means that anyone, regardless of where they host their sites or what theme they use, can build<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":296,"featured_media":110175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1295],"tags":[],"class_list":["post-110172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genesis"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Genesis Custom Blocks<\/title>\n<meta name=\"description\" content=\"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Genesis Custom Blocks\" \/>\n<meta property=\"og:description\" content=\"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-02T21:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T18:32:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2020\/09\/Genesis_CB_Hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rob Stinson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rob Stinson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/\",\"name\":\"Introducing Genesis Custom Blocks\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2020-09-02T21:01:59+00:00\",\"dateModified\":\"2025-05-14T18:32:45+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f0848121cff19947fa7b3aa561692150\"},\"description\":\"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing Genesis Custom Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f0848121cff19947fa7b3aa561692150\",\"name\":\"Rob Stinson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c6fb36ed63ff64e249480699a1d2f59c98cceaf3a4327c75e5d03c695c191d4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c6fb36ed63ff64e249480699a1d2f59c98cceaf3a4327c75e5d03c695c191d4?s=96&d=mm&r=g\",\"caption\":\"Rob Stinson\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Genesis Custom Blocks","description":"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Introducing Genesis Custom Blocks","og_description":"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.","og_url":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2020-09-02T21:01:59+00:00","article_modified_time":"2025-05-14T18:32:45+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2020\/09\/Genesis_CB_Hero.jpg","type":"image\/jpeg"}],"author":"Rob Stinson","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Rob Stinson","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/","url":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/","name":"Introducing Genesis Custom Blocks","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2020-09-02T21:01:59+00:00","dateModified":"2025-05-14T18:32:45+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f0848121cff19947fa7b3aa561692150"},"description":"Genesis Custom Blocks is a free plugin that massively simplifies the experience of building custom blocks for the WordPress block editor.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/introducing-genesis-custom-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Introducing Genesis Custom Blocks"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f0848121cff19947fa7b3aa561692150","name":"Rob Stinson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9c6fb36ed63ff64e249480699a1d2f59c98cceaf3a4327c75e5d03c695c191d4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c6fb36ed63ff64e249480699a1d2f59c98cceaf3a4327c75e5d03c695c191d4?s=96&d=mm&r=g","caption":"Rob Stinson"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/110172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/296"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=110172"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/110172\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/110175"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=110172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=110172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=110172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}