{"id":487,"date":"2026-02-26T14:07:02","date_gmt":"2026-02-26T19:07:02","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/email-builder\/?post_type=reference-article&#038;p=487"},"modified":"2026-03-14T15:47:13","modified_gmt":"2026-03-14T19:47:13","slug":"interactive-header-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/email-builder\/reference-article\/interactive-header-block\/","title":{"rendered":"Interactive Header Block"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-content\/uploads\/sites\/32\/2025\/10\/header-interactive-1024x576.png\" alt=\"Interactive down-arrow header with colored background, logo, header, teaser text, CTA and downward arrow.\" class=\"wp-image-364\" srcset=\"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-content\/uploads\/sites\/32\/2025\/10\/header-interactive-1024x576.png 1024w, https:\/\/university-communications.ncsu.edu\/email-builder\/wp-content\/uploads\/sites\/32\/2025\/10\/header-interactive-300x169.png 300w, https:\/\/university-communications.ncsu.edu\/email-builder\/wp-content\/uploads\/sites\/32\/2025\/10\/header-interactive-768x432.png 768w, https:\/\/university-communications.ncsu.edu\/email-builder\/wp-content\/uploads\/sites\/32\/2025\/10\/header-interactive.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Email Builder Interactive Header block features an interactive element designed to drive engagement with your content. An animated arrow encourages readers to scroll down. Always use only one header per email, placed at the beginning to establish NC State branding and proper accessibility structure. <\/p>\n\n\n\n<p>Use only one animated block per email. Excessive animation distracts readers, increases file size and can trigger accessibility issues for some recipients.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Settings<\/h2>\n\n\n\n<p>To edit a block&#8217;s settings, click on it and select the &#8220;Switch to Edit&#8221; pencil icon, or open the &#8220;Settings&#8221; panel, found next to &#8220;Publish.&#8221;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>In this block&#8217;s settings, you can:<\/strong><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Update the title text<\/li>\n\n\n\n<li>Update the unit name text<\/li>\n\n\n\n<li>Update the subtitle text<\/li>\n\n\n\n<li>Update the action text<\/li>\n\n\n\n<li>Change the color<\/li>\n<\/ul>\n\n\n<div class=\"is-text wp-block-ncst-buttons\">\n    \n<div class=\"is-style-secondary wp-block-ncst-button\">\n      <a\n        class=\"ncst-block__button-link btn\"\n        href=\"https:\/\/live-ucomm-multisite.pantheonsite.io\/email-builder-staging\/blocks\/\"\n        data-ncst-lightbox=\"false\"\n                      >\n                  <span class=\"text\">Return to block list<\/span><span class=\"arrow-indicator\"><svg class=\"wolficon wolficon-arrow-right-bold\" role=\"img\"  aria-hidden=\"true\">\n\t\t\t\n\t\t\t<use xlink:href=\"#wolficon-arrow-right-bold\">\n\t\t<\/svg><\/span>\n              <\/a>\n    <\/div>\n  \n\n  <\/div>\n","protected":false},"featured_media":0,"template":"","availability":[55,54],"content-type":[63,56],"class_list":["post-487","reference-article","type-reference-article","status-publish","hentry","availability-template-create-your-own","availability-tier-premium","content-type-animated","content-type-header"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/reference-article\/487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":7,"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/reference-article\/487\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/reference-article\/487\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/media?parent=487"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/availability?post=487"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/email-builder\/wp-json\/wp\/v2\/content-type?post=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}