# How to get the email subscription status of a member/contact and display it on the website

**URL:** <https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075>\
**Category:** Ask the community\
**Tags:** wix-members-area, code, wix-studio, question\
**Created:** [January 7, 2024, 12:02am UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075 "2024-01-07T00:02:32Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![vinnysantini](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/vinnysantini/32/86729_2.png) [@vinnysantini](https://forum.wixstudio.com/u/vinnysantini)\
**Post date:** [January 7, 2024, 12:02am UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/1 "2024-01-07T00:02:32Z")

</div>

**Question:**  
How to get the email subscription status of a member/contact and display it on the website either with a text element or with an input element (like a switch or checkbox)

**Product:**  
Wix Studio Editor

**What are you trying to achieve:**  
So I want to display the current subscription status to email marketing (subscribed, unsubscribed, never subscribed) of the current member/contact on a page on my website. I am unable to access that value through Velo. Here is my code to which I would like to add a new const called marketing and have the email subscription status of the member/contact.

**What have you already tried:**  
I’ve looked at the Velo documentation, and even tried the Wix AI Code generator with no success. I’ve tried to call extended fields and import contacts from wix-crm.v2, did not seem to work either.

I’ve also looked at this [thread](https://forum.wixstudio.com/t/wix-crm-set-contact-subscription-status-without-using-a-customer-field/15800) but it was no help unfortunately:

Here is my functional code so far to get the firstName and loginEmail for my current member.

```javascript
import { currentMember } from 'wix-members-frontend';

$w.onReady(function () {
  currentMember.getMember()
    .then((member) => {
      const firstName = member.contactDetails.firstName;
      const email = member.loginEmail;

      $w('#nameText').text = firstName;
      $w('#emailText').text = email;
      
    })

});

```

**Additional information:**  
I’ve looked at the getMember and appendOrCreateContact doc, but is the subscription status of a member/contact even available to use?

---

<div class="post-metadata">

**Author:** ![vinnysantini](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/vinnysantini/32/86729_2.png) [@vinnysantini](https://forum.wixstudio.com/u/vinnysantini)\
**Post date:** [January 7, 2024, 6:51pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/2 "2024-01-07T18:51:31Z")

</div>

**Edit**

So I’ve figured out how to get the extendedField for email subscription, but I can’t make my code work. Any clue on what I’m doing wrong?

```javascript
import { currentMember } from 'wix-members-frontend';
import { contacts } from 'wix-crm.v2';

$w.onReady(function () {
    currentMember.getMember()
        .then((member) => {
            const contactId = member.contactId;
            const firstName = member.contactDetails.firstName;
            const email = member.loginEmail;
            const courriels = member.contactDetails.customFields['custom.preferences-notifications'].value;

            $w('#nameText').text = firstName;
            $w('#emailText').text = email;

            if (courriels === 'Oui') {
                $w("#checkbox1").checked = true;
            }

            const options = { suppressAuth: true }; // Add suppressAuth option
            return contacts.getContact(contactId, options) // Pass options
                .then((contact) => {
                    console.log("Contact:", contact);
                    const marketing = contact.info.extendedFields['emailSubscriptions.subscriptionStatus'];
                    
                        $w("#marketing").text = marketing;
                    
                })
                
        })
      
});

```

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [January 7, 2024, 6:55pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/3 "2024-01-07T18:55:47Z")

</div>

You are still walking trough the dark → because you do not use the CONSOLE!  
I can’t see any logs on your CODE!

Investigate, what happens on the underground.  
What do you get back as response for each little step?  
Try to understand each little step → fully.

**The CONSOLE → is your best friend.**

---

<div class="post-metadata">

**Author:** ![vinnysantini](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/vinnysantini/32/86729_2.png) [@vinnysantini](https://forum.wixstudio.com/u/vinnysantini)\
**Post date:** [January 7, 2024, 9:35pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/4 "2024-01-07T21:35:37Z")

</div>

Hi! Thanks for your answer. So I did use the console to log the member details and I was able to find the key for the field I wanted to use. 🙂

I’m also using console.log(“Contact:”, contact);  
but I can’t figure out what is wrong unfortunately, which is why I’m asking for insights or help.

Also what’s weird to me is that I’m using the code from the Velo doc

```javascript
const options = { suppressAuth: true }; // Add suppressAuth option
            return contacts.getContact(contactId, options)

```

But in the console, it returns that options cannot be used with getContact. It got me confused since this is from the Velo doc. How could I pass the suppressAuth option then?

I also tried creating a backend file to run this function since I thought it might be the problem, but the console returns a _Method not allowed_ mention.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [January 7, 2024, 9:48pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/5 "2024-01-07T21:48:16Z")

</div>

→ **SUPRESS-AUTH** ← —\> **works on BACKEND-ONLY**

Well, but API for Wix-CRM has changed as i can see and the one which was working well in the past, is now depricated…

![2024-01-07 22_42_46-getContactById - Velo API Reference - Wix.com](https://us1.discourse-cdn.com/wix/original/3X/d/2/d2038cab9af86e2797edafc359868d64d303d05a.png)

How the new V2.API-version works, i can’t tell you, you will have to test it out.

But taking a quick look onto the API-description…

 ![2024-01-07 22_45_19-getContact - Velo API Reference - Wix.com](https://us1.discourse-cdn.com/wix/original/3X/2/a/2a520679df4f600498b274fe6a910a245a4a8701.png)

…also **vinnysantini** recognized his failure.

You are running it on FRONTEND, where it will not work.

> I also tried creating a backend file to run this function since I thought it might be the problem, but the console returns a _Method not allowed_ mention.

Try one more time and show the code.

---

<div class="post-metadata">

**Author:** ![vinnysantini](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/vinnysantini/32/86729_2.png) [@vinnysantini](https://forum.wixstudio.com/u/vinnysantini)\
**Post date:** [January 8, 2024, 2:04am UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/6 "2024-01-08T02:04:52Z")

</div>

You are right, I just tried running it on the backend.

Here is my page code on the **frontend**

```javascript
import { currentMember } from 'wix-members-frontend';
import { myElevatedGetContactFunction } from 'backend/getContact.jsw'

let contactId

$w.onReady( function() {
 currentMember.getMember()
  .then((member) => {
    contactId = member.contactId;
    console.log(member);
	
  })
  .catch((error) => {
    console.error(error);
  });
  myElevatedGetContactFunction()
	.then( (myContact) => {
  console.log(myContact);
}) });

```

and here is my **backend** code for the getContact

```javascript
import { contacts } from 'wix-crm.v2';
import * as wixAuth from 'wix-auth';

 export async function myElevatedGetContactFunction(contactId) {    
  const elevatedGetContact = wixAuth.elevate(contacts.getContact);

  try {
    const myContact = await elevatedGetContact(contactId);

    console.log('Success! Got contact:', myContact);
    return myContact;
  } catch (error) {
    console.error(error);
    // Handle error
  }  
}

```

The only thing I can see in the console is this, nothing else…  
The currentMember function does work properly, but not the getContact function in the backend.

 ![image](https://us1.discourse-cdn.com/wix/original/3X/1/c/1c837353c9416f3da678364402a7f61d9fd565c3.png)

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [January 8, 2024, 9:25am UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/7 "2024-01-08T09:25:34Z")

</div>

Return the error in the error-handler on your backend and take a look which error you get.

At momemt you get undefined, because you do not return anything in the error-handler.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [January 8, 2024, 1:07pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/8 "2024-01-08T13:07:57Z")

</div>

While reading some other post → i think he has found you a solution…

> [@How to get the email subscription status of a member/contact and display it on the website](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075):
>
> Question: How to get the email subscription status of a member/contact and display it on the website either with a text element or with an input element (like a switch or checkbox) Product: Wix Studio Editor What are you trying to achieve: So I want to display the current subscription status to email marketing (subscribed, unsubscribed, never subscribed) of the current member/contact on a page on my website. I am unable to access that value through Velo. Here is my code to which I would lik…

---

<div class="post-metadata">

**Author:** ![vinnysantini](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/vinnysantini/32/86729_2.png) [@vinnysantini](https://forum.wixstudio.com/u/vinnysantini)\
**Post date:** [January 8, 2024, 8:19pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/9 "2024-01-08T20:19:57Z")

</div>

Okay so I got the backend function to work 🎉

I’m having a hard time understanding how to pass something from a backend function to a frontend function, and vice-versa.

1. So the first thing, now I would like to be able to use the value of the extended field (emailSubscription.subcriptionStatus) on my page (I would like a text element to display the value) but I can’t make this work. Is there a way to access a value from a backend function on the front end? I really tried everything to the maximum of my knowledge.

2. Also, how can I send the contactId of the current member into the backend function to retrieve the contact information for the current member (in the code I added a contactID manually for testing only)

**Here is my backend code**

```javascript
import { contacts } from 'wix-crm-backend';

export function myGetContactFunction() {
  const contactId = "faa8b1c6-c7cc-434f-ba0f-bf8d027f3e82";
  const options = {
    suppressAuth: true
  };

  return contacts.getContact(contactId, options)
    .then((contact) => {
      console.log(contact)
      return contact.info.extendedFields
      
    })
    .catch((error) => {
      console.error(error);
    });
}

```

**Here is my frontend code**

```javascript
import { currentMember } from 'wix-members-frontend';
import { myGetContactFunction } from '/backend/getContact.jsw';

$w.onReady(() => {
  currentMember.getMember()
    .then((member) => {
      let contactId = member.contactId;
      console.log(member);
      console.log(contactId);
      
      // Call the functions inside the .then() block
      
    myGetContactFunction()
     .then((marketing) => {
    const email = marketing; // Extracting the 'marketing' value from the response

    console.log(email); // Output the retrieved 'marketing' value to the console

    // Set the retrieved 'marketing' value to the frontend element (assuming '#marketing' is an element ID)
    $w('#marketing').text = email;
  })

  .catch(error => {
    console.error('Error fetching marketing value:', error);
  });

    })})

```

Here is what I got in the console, the data is shown correctly

 ![image](https://us1.discourse-cdn.com/wix/original/3X/e/0/e0ae70e8919136361b8905216193e372d1e58c00.png)

Thanks in advance for your support 🙏

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [January 8, 2024, 11:38pm UTC](https://forum.wixstudio.com/t/how-to-get-the-email-subscription-status-of-a-member-contact-and-display-it-on-the-website/55075/10 "2024-01-08T23:38:24Z")

</div>

Ok, to keep the whole thing simple.

**FRONT-END-CODE:**

```javascript
import { authentication } from 'wix-members-frontend';
import { get_CurrentMember, get_ContactData } from 'backend/vnLoginMGM';

$w.onReady(async()=> {
    //----------------------
    const currentMember = await check_LoginState(); 
    console.log('Current-Member: ', currentMember);
    const loginEmail = currentMember.loginEmail; 
    console.log('Login-Email: ', loginEmail);
    const contactID = currentMember.contactId; 
    console.log('Contact-ID: ', contactID);
    //----------------------
    const contactData = await get_ContactData(contactID); 
    console.log('Contact-Data: ', contactData);
    //----------------------
});

//-------------------- [LOGIN-CHECK] -----------------------
async function check_LoginState() {console.log('-----CHECK-----');
    const isLoggedIn = authentication.loggedIn();		
    if(isLoggedIn) {
        let currentMember = await get_CurrentMember({fieldsets:['FULL']});		
        if(currentMember) {return currentMember;} else {return undefined}						
    } else { } 
}

```

.  
.  
.

**BACKEND-CODE:**

```javascript
import { contacts } from 'wix-crm-backend';
import { currentMember } from 'wix-members-backend';

export function get_ContactData(contactID) {
  return contacts.getContact(contactID, {suppressAuth:true})
    .then((contact)=> {return contact})
    .catch((error) => {return error;});
}

```

So the whole code will return you something like…

 ![2024-01-09 00_31_34-Start-Page _ WixWorld](https://us1.discourse-cdn.com/wix/original/3X/9/c/9c7c72c84d282cfa8afb18ee298fb053ee892e71.png)

**And do not use the V.2-Version —\> seems to be buggy !!!**  
----\> //import { contacts } from ‘wix-crm.v2’; \<----- **NOT GOOD !!!**

So now you have a basic simple setup, which checks right from loading on your current page, if a user is logged-in or not.

If logged-in → get MEMBERS-DATA → GET CONTACT-ID → GET-CONTACT-DATA  
If not → Do WHAT YOU WANT !

So, you just were able to provide the CONTACT-ID from FRONTEND to send it to BACKEND → to get CONTACT-INFO back to FRONTEND.

What exactly you want to provide on FRONTEND → it’s on your choice.  
In this example i just sent the whole CONTACT-DATA back to frontend.

And i think your question about of how to use the values on FRONTEND is already replied with this example.

Oh!!! And do not forget…  
 → my BACKEND-MODULE has a different name → **‘backend/vnLoginMGM’;**

EDIT: Forgot that in my version everything is running on backend…so the whole BACKEND-setup one more time…

```javascript
import { contacts } from 'wix-crm-backend';
import { currentMember } from 'wix-members-backend';

export function get_CurrentMember(options) {
	return currentMember.getMember(options)
    .then((member) => {return member;})
	.catch((error)=> {console.error(error);});
}

export function get_ContactData(contactID) {
  	return contacts.getContact(contactID, {suppressAuth:true})
    .then((contact)=> {return contact})
    .catch((error) => {return error;});
}

```

**And always keep your code and it’s structure clean, then you will understand your own setup better (including COSOLE-LOGS).**

In your previous codes → you have used …CONTACTS from WIX-CRM.V2

 ![2024-01-09 00_53_54-How to get the email subscription status of a member_contact and display it on t](https://us1.discourse-cdn.com/wix/original/3X/5/2/52c3331e4078014225a97c660eade9d512687f79.png)

I did the same → but i was not able to get —\> **suppressAuth** to work.  
It only worked for ADMIN, not for ordinary user.

Switching back to the old (current API version) everything worked perfectly, for ADMIN and for ORDINARY-USER.

**And additionaly INFO** : Of course there would be even a third option you could use, if those first 2 ones would not work. You could simply use the old and depricated Wix-Users-API (but surely not recommended at all anymore)…

```javascript
// Get USER-DETAILS....
async function get_UserDetails(userID) {
	return wixUsersBackend.getUser(userID).then((user)=> { 
	return (user);}).catch((error)=> {console.log(error);})
;}

```