{"id":2958,"date":"2022-09-05T21:54:27","date_gmt":"2022-09-06T01:54:27","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=2958"},"modified":"2026-08-01T12:21:06","modified_gmt":"2026-08-01T16:21:06","slug":"contact-us-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/contact-us-block\/","title":{"rendered":"Contact Us Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Contact Us block helps content creators give users relevant information on how a unit can be contacted, where it is located and its business hours.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Within the Contact Us block, five types of information can be included: &#8220;Email,&#8221; &#8220;Hours,&#8221; &#8220;Phone,&#8221; &#8220;Mailing Address&#8221; and &#8220;Office Location.&#8221; These cards can always be added and removed, making it easy for content maintainers to decide which types of information they want to provide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Contact Us block is most effective when featured on the &#8220;About&#8221; or &#8220;Contact&#8221; pages of a website. It&#8217;s recommended to only use the contact card types that your team will need and that your users will benefit from. For example, make sure to only provide contact options that will result in users receiving a prompt response.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An example of a Contact Us block is presented below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited.png\" data-fullsize=\"2611x1468\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"2611\" height=\"1468\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited.png\" alt=\"Example of the Contact Details block\" class=\"wp-image-2966\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited.png 2611w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited-300x169.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited-1024x576.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited-768x432.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited-1536x864.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/Screen-Shot-2022-09-05-at-22.56.33-edited-2048x1151.png 2048w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add a Contact Us block to a page by clicking the &#8220;Add a block&#8221; button and choosing &#8220;Contact Us&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more information on blocks and adding them to a WordPress site, see our <a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentation on blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/contact-details-edits.gif\" data-fullsize=\"2560x1600\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/contact-details-edits.gif\" alt=\"GIF demoing choosing a card type in the Contact Us block. Written description provided below.\" class=\"wp-image-2968\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once the Contact Us block is added, content maintainers can choose which contact cards they want to add or remove.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/contact-details-edits-2.gif\" data-fullsize=\"2560x1600\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2022\/09\/contact-details-edits-2.gif\" alt=\"GIF demoing reorganizing and restyling the Contact Us block. Written description provided below.\" class=\"wp-image-2970\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After cards are added, they can also be reorganized. Additionally, creators can also change the block&#8217;s background color.<\/p>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"This block allows you to feature a unit's business hours and contact details in a succinct area of a webpage.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[49],"content-type":[51],"class_list":["post-2958","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-theme","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/2958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":16,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/2958\/revisions"}],"predecessor-version":[{"id":40038,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/2958\/revisions\/40038"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=2958"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=2958"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=2958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}