Currently in the manage display page there is no way to display the email field in the manage display page. How do you expose this in Drupal 8 contacts details page?

There can be a work around for this as in user template or views-block rendering on profile page.

enter image description here


4 Answers 4


Simply with no code required use Show Email Address


By default the mail field is not configurable in view modes.

You can change this in a custom module. Place this hook in mymodule.module

function mymodule_entity_base_field_info_alter(&$fields, $entity_type) {
  if ($entity_type->id() == 'user') {
    if (isset($fields['mail'])) {
      $fields['mail']->setDisplayConfigurable('view', TRUE);

and you'll find the mail field in the Manage Display page.

  • How can we do it same for manage form display??
    – Manoj
    Jul 4, 2020 at 18:25

There is not a direct way through "Manage Display" but a workaround through user.html.twig in your theme.

We get {{ user }} variable which can be accessed to get other values related to the user.

Code -


<div class="col-sm-12">
        <h2> My Profile </h2>
      <div class="row">
        <div class="col-sm-8">
           <h4>About Me</h4>
           <ul class="profile-list">
              <li> Email:&nbsp;&nbsp;{{ user.mail.value }}  </li>
              <li> Name:&nbsp;&nbsp;{{ user.name.value }}  </li>



I assume the reason this wasn't added was to encourage use of the Contact form instead (given email addresses are hidden, there's flood protection and you can allow users to enable/disable it). However, clearly there are reasons for it being convenient to see the actual address.

(Do take time to check your permissions for user profile pages though, so you're not exposing people to spam.)

Here's a modified user.html.twig, using classy as the base theme, with clickable address and a translatable string for the label:

<article{{ attributes.addClass('profile') }}>
  {% if content %}
    <div class="field field--name-email field--label-above">
        <div class="field__label">{% trans %}Email{% endtrans %}</div>
        <div class="field__item"><a href="mailto:{{ user.mail.value }}">{{ user.mail.value }}</a></div>
    {{- content -}}
  {% endif %}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.