Email Display Issue Elementor

### 1. **Disable Email Protection in Elementor Settings**
– Go to **Elementor** → **Settings** in your WordPress admin dashboard.
– Under the **Advanced** tab, look for the **Email Protection** option.
– Disable the email protection by unchecking it.
– Save the changes and verify if the email now displays correctly on the front end.

—

### 2. **Use a Custom HTML Widget**
– Instead of using the Text Editor widget, use the **HTML widget** in Elementor.
– Manually add the email address using an anchor tag:

<a href="mailto:info@solaron-projekte.de">info@solaron-projekte.de</a>

– This method bypasses the email protection logic of the Text Editor widget.

—

### 3. **Custom CSS or JavaScript**
If email protection is necessary but you want the email to display correctly:
– Use CSS or JavaScript to dynamically replace `[at]` with `@` and `[dot]` with `.` on the front end.
– Add the following JavaScript to your site:

document.querySelectorAll('a[href^="mailto:"]').forEach((link) => {
         link.textContent = link.textContent.replace('[at]', '@').replace('[dot]', '.');
     });

—

### 4. **Filter Elementor Output**
If the issue persists and you are comfortable with code:
– Add the following PHP code to your theme’s `functions.php` file or a custom plugin:

add_filter('elementor_pro/utils/email_encoder/should_encode_email', '__return_false');

– This will prevent Elementor Pro from encoding email addresses globally.

Let me know if you need help implementing any of these solutions!

—

### Alternative Solutions

#### 1. **Disable Email Encoding via a PHP Filter**
If Elementor is automatically encoding email addresses, you can disable this behavior using a PHP filter. Add the following code to your theme’s `functions.php` file or a custom plugin:

add_filter('elementor_pro/utils/email_encoder/should_encode_email', '__return_false');

This will globally disable Elementor's email encoding feature.

—

#### 2. **Use a Custom HTML Widget**
Instead of relying on the Text Editor widget, you can use the **HTML widget**:
– Add the HTML widget to your page.
– Insert your email address using HTML:

<a href="mailto:info@solaron-projekte.de">info@solaron-projekte.de</a>

—

#### 3. **Manually Decode Emails**
If the above solutions aren't feasible, you can manually decode the email addresses on the front end using JavaScript:
– Add this script to your site's footer via a plugin or theme:

document.querySelectorAll('a[href^="mailto:"]').forEach((link) => {
      link.textContent = link.textContent.replace('[at]', '@').replace('[dot]', '.');
  });

This script will detect and replace encoded email addresses.

—

#### 4. **Check Elementor's Email Encoder Code**
If none of the above works, Elementor might have updated their method for encoding emails. You can override this by reviewing Elementor's source code:
– Look for the `Email_Encoder` class in Elementor's codebase.
– Check if there’s a newer filter or method to disable email encoding.

—

Let me know if you need further guidance!