{"id":6271,"date":"2024-04-14T14:51:26","date_gmt":"2024-04-14T06:51:26","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6271"},"modified":"2024-04-14T14:51:26","modified_gmt":"2024-04-14T06:51:26","slug":"email-address-field","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/email-address-field\/","title":{"rendered":"Email address field"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p id=\"\">The email address field is a\u00a0<a href=\"https:\/\/help.webflow.com\/article\/cms-collections\" id=\"\">Collection<\/a>\u00a0field that allows you to specify an email address for a Collection item. The email addresses provided in this field can be shown in\u00a0<a href=\"https:\/\/help.webflow.com\/article\/collection-list\" id=\"\">Collection List<\/a>\u00a0or a\u00a0<a href=\"https:\/\/help.webflow.com\/article\/collection-pages\" id=\"\">Collection Page<\/a>\u00a0as text. Similar to a\u00a0<a href=\"https:\/\/help.webflow.com\/article\/link-field\" id=\"\">link field<\/a>, an email address field can serve as a link for visitors to easily send an email. You can also utilize the email field for filtering a collection list or setting conditional visibility on elements within collection lists and pages.<\/p>\n<h5 id=\"\">Usual applications<\/h5>\n<ul id=\"\">\n<li id=\"\">Email address of a team member, customer service, departments, and more.<\/li>\n<li id=\"\">Incorporating links to these email addresses on the website.<\/li>\n<\/ul>\n<h5 id=\"\">Covered in this module<\/h5>\n<ul id=\"\">\n<li id=\"\">Establishing an email address field<\/li>\n<li id=\"\">Inserting content into an email field<\/li>\n<li id=\"\">Linking email fields with text<\/li>\n<li id=\"\">Associating email fields with email links<\/li>\n<li id=\"\">Filtering a Collection list via the email field<\/li>\n<li id=\"\">Defining conditional visibility using the email field<\/li>\n<\/ul>\n<h2 id=\"\">Establishing an email address field<\/h2>\n<p id=\"\">You can introduce an Email field to a brand new or pre-existing Collection. When setting up the Collection, click on\u00a0<strong id=\"\">New Field<\/strong>\u00a0and then select the\u00a0<strong id=\"\">Email<\/strong>\u00a0field.<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"80%\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94948bdd37d12dce632af_5e6131105d6b0e704d887b41_599254ece03d780001a550d6_doc-252520cms252520field252520-252520email252520-25252000.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94948bdd37d12dce632af_5e6131105d6b0e704d887b41_599254ece03d780001a550d6_doc-252520cms252520field252520-252520email252520-25252000\"><\/div>\n<\/figure>\n<h2 id=\"\">Inserting content in an email address field<\/h2>\n<p id=\"\">You can input any valid email address into this field.<\/p>\n<h5 id=\"\">Handy Hint<\/h5>\n<h6 id=\"\">You can also include inline email links with the\u00a0<a href=\"http:\/\/help.webflow.com\/article\/cms-email-field\" id=\"\">rich text field<\/a>.<\/h6>\n<h2 id=\"\">Linking email fields with text<\/h2>\n<p id=\"\">You can associate an email address with any text element in a Collection list or a Collection page:<\/p>\n<ol id=\"\">\n<li id=\"\">Add a text element in your collection list or page<\/li>\n<li id=\"\">Tick the\u00a0<strong id=\"\">Get text from<\/strong>\u00a0box in the\u00a0<strong id=\"\">Inner Text Settings<\/strong><\/li>\n<li id=\"\">Choose the email field from the\u00a0<strong id=\"\">field dropdown<\/strong><\/li>\n<\/ol>\n<p id=\"\">You can also access the Inner Text Settings by selecting the text element and either clicking on the settings icon next to the element label on the canvas or going to the Settings panel (D).<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"240px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94948bdd37d12dce632ab_5e6131102ea57b20fa4de7dc_599254f9a513ef0001792cd9_doc-252520cms252520field252520-252520email252520-25252001.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94948bdd37d12dce632ab_5e6131102ea57b20fa4de7dc_599254f9a513ef0001792cd9_doc-252520cms252520field252520-252520email252520-25252001\"><\/div>\n<\/figure>\n<h2 id=\"\">Linking email fields to email links<\/h2>\n<p id=\"\">You can also correlate an email address with a link element, including a\u00a0<a href=\"https:\/\/help.webflow.com\/article\/button\" id=\"\">button<\/a>. This link will prompt an Email using the Email address for the corresponding collection item. To form a dynamic email link:<\/p>\n<ol id=\"\">\n<li id=\"\">Include a link element in your collection list or page<\/li>\n<li id=\"\">Opt for\u00a0<strong id=\"\">Email<\/strong>\u00a0in the\u00a0<strong id=\"\">Link Settings<\/strong><\/li>\n<li id=\"\">Select\u00a0<strong id=\"\">Get email from<\/strong><\/li>\n<li id=\"\">Pick the email field from the\u00a0<strong id=\"\">field dropdown<\/strong><\/li>\n<\/ol>\n<figure id=\"\" class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/229654522\">\n<div id=\"\"><iframe src=\"https:\/\/player.vimeo.com\/video\/229654522\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption id=\"\">\u00a0<\/figcaption><\/figure>\n<p id=\"\">You can also access the Link Settings by choosing the link element and either clicking on the settings icon next to the element label on the canvas or accessing the Settings panel (D).<\/p>\n<p id=\"\">You can revoke any of these relationships by unchecking the respective option.<\/p>\n<h5 id=\"\">Necessary to grasp<\/h5>\n<h6 id=\"\">When a link is associated with the dynamic email field, any email address in the email field in the link settings will be overridden by the dynamic email address designated for collection items.<\/h6>\n<h2 id=\"\">Filtering a Collection list with the email address field<\/h2>\n<p id=\"\">You can filter a Collection list using the email field by specifying any of the subsequent guidelines: Equals, Does not equal, Is set, Is not set.<\/p>\n<ol id=\"\">\n<li id=\"\">Choose the Collection list you wish to filter<\/li>\n<li id=\"\">Navigate to the\u00a0<strong id=\"\">Settings panel (D)<\/strong><\/li>\n<li id=\"\">Add a\u00a0<strong id=\"\">Filter<\/strong>\u00a0under\u00a0<strong id=\"\">Collection List Settings<\/strong><\/li>\n<li id=\"\">Pick your email field in the initial dropdown<\/li>\n<li id=\"\">Select a rule in the second field<\/li>\n<li id=\"\">Assign a value if applicable<\/li>\n<li id=\"\">Tap on\u00a0<strong id=\"\">Save<\/strong><\/li>\n<\/ol>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"238.5px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94948bdd37d12dce632a7_5e613110d215133c8abb19f6_599255d50a686300011976c3_doc-252520cms252520field252520-252520email252520-25252003.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94948bdd37d12dce632a7_5e613110d215133c8abb19f6_599255d50a686300011976c3_doc-252520cms252520field252520-252520email252520-25252003\"><\/div>\n<\/figure>\n<p id=\"\">The filter criteria available for the email field and values are:<\/p>\n<ul id=\"\">\n<li id=\"\"><strong id=\"\">Equals<\/strong>\u00a0&#8211; locates Collection items with an email address that matches the value stipulated for this rule<\/li>\n<li id=\"\"><strong id=\"\">Does Not Equal<\/strong>\u00a0&#8211; identifies Collection items with an email address different from the value specified for this rule<\/li>\n<li id=\"\"><strong id=\"\">Is Set<\/strong>\u00a0&#8211; looks for Collection items with an email address assigned to this email field<\/li>\n<li id=\"\"><strong id=\"\">Is Not Set<\/strong>\u00a0&#8211; searches for Collection items lacking an email address for this email field<\/li>\n<\/ul>\n<p id=\"\"><a href=\"https:\/\/help.webflow.com\/article\/filtering-collection-lists\" id=\"\">Dig deeper into filters<\/a><\/p>\n<h2 id=\"\">Defining conditional visibility with the email address field<\/h2>\n<p id=\"\">You can establish a conditional visibility rule on an email button within your Collection list or page. This guarantees that the button is only visible when an email address is allocated in the email field for that Collection item.<\/p>\n<ol id=\"\">\n<li id=\"\">Choose the email button connected to the email field<\/li>\n<li id=\"\">Access the\u00a0<strong id=\"\">Settings panel (D)<\/strong><\/li>\n<li id=\"\">Include a\u00a0<strong id=\"\">Condition<\/strong>\u00a0(when this element is visible) under\u00a0<strong id=\"\">Conditional visibility<\/strong><\/li>\n<li id=\"\">Choose your email field in the first dropdown<\/li>\n<li id=\"\">Select\u00a0<strong id=\"\">Is set<\/strong>\u00a0in the second dropdown<\/li>\n<li id=\"\">Press\u00a0<strong id=\"\">Save<\/strong><\/li>\n<\/ol>\n<figure id=\"\" class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/233092292\">\n<div id=\"\"><iframe src=\"https:\/\/player.vimeo.com\/video\/233092292\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption id=\"\">\u00a0<\/figcaption><\/figure>\n<p id=\"\"><a href=\"http:\/\/help.webflow.com\/article\/conditional-visibility\" id=\"\">Explore further on conditional visibility.<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use the email field to specify an email address for a Collection item.","protected":false},"author":2,"featured_media":6272,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[300],"tags":[],"class_list":{"0":"post-6271","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms-dynamic-content","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6271"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6271\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6272"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}