[Issue] Unable to signup to newsletter only

[danf97]

Hi all,

I’m working on a project based on hydrogen and I’m using the GraphQL Storefront API.
The GraphQL documentation allows us to create or update a customer but there is no documentation if the user only wants to subscribe the newsletter.
There is no mutation to do it? Does it exist but it's not documented?

GraphQL Storefront API Documentation

Many thanks,
Daniel

[danf97]

Hi @lordofthecactus ,

Is this the best way to report this issue? It's affecting the Hydrogen framework.

Cheers,
Daniel

[lordofthecactus]

Yeah. This is alright for giving feedback about the storefront API 💯

[lordofthecactus]

I also could not find if it is possible to do only with storefront API 🤔

Not sure if this will work or if this is the best way, I'll ask my colleagues to confirm:
Seems you can create a customer (without password) with the Admin API and enable marketing:
https://shopify.dev/api/admin-graphql/2022-07/mutations/customerCreate

Here is an example of how to use the Admin API with Hydrogen
Shopify/hydrogen#1788

[danf97]

Please let me know if this feature will be soon available on the Storefront API.

Thank you for your help!!

[danf97]

Hi @lordofthecactus

I've implemented this but the customer doesn't get any notification/email to confirm the subscription. Thats not very gdpr complaint.
Any solution for this? Is it possible to trigger a notification/email with the Admin Api? Only the Storefront API is triggering notifications automatically...

All the best,
Daniel

[benjaminsehl]

You could create your own email automation using Shopify Flow (or a third party like Klaviyo)

When you do that mutation it does set the consent level at single opt in.

I would not recommend using Admin API for this though, as it's not really meant for that use case. We're working actively on solving for newsletters with the Storefront API, hope to have something soon.

In the meantime, you could build something with Autocode.com or Gadget.dev that could handle it for you.

[danf97]

Hi @benjaminsehl,

Thank's for your help on this!
I'll consider those options :)

And nice work on the Hydrogen framework, it's super cool!

All the best,
Daniel

[bencarrr]

@benjaminsehl Saw this is being actively worked on since August - any update on the handling of newsletters in the Storefront API?

[ryanleichty]

Coming here for an answer as well 👋🏻

[kristofferso]

Same here 😎

[KyleWiteck]

I agree, very normal functionality for all types of websites.

[danf97]

Hello @lordofthecactus and @benjaminsehl,

Sorry to pin you. Hope your are doing well.
After a year on this issue is there any news on it?

Best,
Daniel

[lucasprins]

@Alexanderdomino oh yeah sorry I meant the "Online Store" with the default theme of Shopify.

[ryanleichty]

I remember trying to find a solution to this over a year ago for a project I haven't touched in a while. Still no solid answers yet. The communication from Shopify isn't as transparent as I would like.

[nickpinto]

@Alexanderdomino and @ryanleichty, yes, we are looking at a solution for subscribing without being authenticated. Unfortunately, I don't have an ETA to share at this time.

[jonrrivera]

so there is no way to have a simple email submission on shopify hydrogen? would you recommend looking into leveraging klaviyo or another similar dependency ? @nickpinto

[nickpinto]

Not at this moment @jonrrivera. For now, leveraging Klaviyo or another 3P partner is the only thing I can suggest. Completely aligned that this is needed and I understand the priority.

[Hooman-studio]

Still looking for this as well, to clarify like others did. Newsletter signup without customer signup. Like basically any newsletter signup form on any website, and also is supported on online stores.

This thread seems to imply work on this started in Summer 2022, now almost 2 years ago, is there any update for when this will be available?

[nickpinto]

Hey @Hooman-studio 👋🏽. I'm definitely aligned on the need for this and we are looking at a solution for newsletter sign-up without customer login. oof - can see how this thread implied that work started last year, it hasn't, as there were a few major blockers to us making progress on it. There isn't a timeline for this to release, but I want to have this out as soon as we can. In the meantime, if leveraging a 3P like Klaviyo can work, I would recommend exploring that.

Thanks for your patience!

[Hooman-studio]

Hi Nick, thank you for your response! Really appreciate it. For other people looking I got the subscribe to work with the admin API. Here is my nodejs implementation (within nextjs):

export const customerCreateMutation = /* GraphQL */ `
  mutation customerCreate($input: CustomerInput!) {
    customerCreate(input: $input) {
      customer {
        id
        email
      }
      userErrors {
        field
        message
      }
    }
  }
`;

export const customerUpdateMarketingMutation = /* GraphQL */ `
  mutation customerEmailMarketingConsentUpdate($input: CustomerEmailMarketingConsentUpdateInput!) {
    customerEmailMarketingConsentUpdate(input: $input) {
      customer {
        id
      }
      userErrors {
        field
        message
      }
    }
  }
`;
export const customerCreateForMarketingEmail = async (input: { email: string }) => {
  const res = await shopifyAdminFetch<{
    data: {
      customerCreate: {
        customer: {
          id: string;
          email: string;
        };
      };
    };
    variables: {
      input: {
        email: string;
      };
    };
  }>({
    cache: 'no-store',
    query: customerCreateMutation,
    variables: {
      input: {
        email: input.email
      }
    }
  });

  const updateRes = await shopifyAdminFetch<{
    variables: {
      input: {
        customerId: string;
        emailMarketingConsent: {
          marketingOptInLevel: 'CONFIRMED_OPT_IN' | 'UNKNOWN' | 'SINGLE_OPT_IN';
          marketingState: 'SUBSCRIBED' | 'PENDING' | 'UNSUBSCRIBED';
        };
      };
    };
  }>({
    cache: 'no-store',
    query: customerUpdateMarketingMutation,
    variables: {
      input: {
        customerId: res.data.customerCreate.customer.id,
        emailMarketingConsent: {
          marketingState: 'SUBSCRIBED',
          marketingOptInLevel: 'SINGLE_OPT_IN'
        }
      }
    }
  });
  console.log(updateRes);
  return res.data.customerCreate.customer;
};

It also works if you just do the createCustomer mutation without the update and set the emailMarketingConsent directly.

Now this works, but for some reason (even though I do the subscription update separately) any email automation that should trigger when someone subscribes is not working. If that is somehow possible then all my needs are met with the admin api as well.

[sampsondaniel]

Hello Hooman ! Do you have a component that uses those mutations for the newsletter signup ?

Thanks for your solution !