{"id":2958,"date":"2022-09-05T21:54:27","date_gmt":"2022-09-06T01:54:27","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=2958"},"modified":"2022-09-06T22:50:19","modified_gmt":"2022-09-07T02:50:19","slug":"contact-details-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/blocks\/contact-details-block\/","title":{"rendered":"Contact Details Block"},"content":{"rendered":"\n

Use Cases<\/h2>\n\n\n\n

The Contact Details block is helpful for content creators to provide users with relevant information on how a unit can be contacted, where they are located and the unit’s business hours.<\/p>\n\n\n\n

Within the Contact Details block, five types of information can be included: “Email”, “Hours”, “Phone”, “Mailing Address” and “Office Location”. These cards can be added and removed freely, making it easy for content maintainers to decide what information they want to feature. <\/p>\n\n\n\n

The Contact Details block will prove to be most effective when featured on pages like an “About” or “Contact” section of a website. It’s also advised to only use the contact card types that your team will need. For example, make sure to only included contact options for which users would receive a prompt response.<\/p>\n\n\n\n

An example of a Contact Details block is below.<\/p>\n\n\n\n

\"Example<\/a>
An example of what is possible with the Contact Details block<\/figcaption><\/figure>\n\n\n\n

Features<\/h2>\n\n\n\n

With Gutenberg, adding a Contact Details block to a page is as easy as clicking the “Add a block” button and choosing “Contact Details” from the block list. Alternatively, the block can be found by using the “Search for a block” function that power users might be familiar with. For more info on blocks and adding them to a WordPress site, see our documentation on blocks<\/a>. <\/p>\n\n\n\n

\"\"<\/a>
Adding, editing, and removing contact information is easy with the Contact Details block.<\/figcaption><\/figure>\n\n\n\n

Once the Contact Details block is added, content maintainers can choose which contact cards they want to add or remove.<\/p>\n\n\n\n

\"\"<\/a>
It’s possible to reorganize and restyle the Contact Details block with ease.<\/figcaption><\/figure>\n\n\n\n

After cards are added, they can also be reorganized. Additionally, creators can also change the background color of the block.<\/p>\n\n\n\n

Need help?<\/h2>\n\n\n\n

Have questions? Feel free to reach out with any questions or concerns at\u00a0go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Use Cases The Contact Details block is helpful for content creators to provide users with relevant information on how a unit can be contacted, where they are located and the…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":178,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/2958"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=2958"}],"version-history":[{"count":14,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/2958\/revisions"}],"predecessor-version":[{"id":2986,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/2958\/revisions\/2986"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=2958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}