Subscribing to a news letter

[almaraz333]

I'm trying to create an input for a use to enter their email and subscribe to an email.

I'm currently using Grapgql to send a mutation for customerCreate with the useShopQuery hook. This seems to be having some issues and I'm wondering if there is a better way? The hook is being called infinitely and returning errors. For reference here is the code:

export const CREATE_CUSTOMER = gql`
  mutation customerCreate($input: CustomerCreateInput!) {
    customerCreate(input: $input) {
      customer {
        firstName
        lastName
        email
        phone
        acceptsMarketing
      }
      customerUserErrors {
        field
        message
        code
      }
    }
  }
`;

 useShopQuery({
    query: CREATE_CUSTOMER,
    variables: {
      input: {
        email: "test@test.com",
        password: "password",
        acceptsMarketing: true,
      },
    },
  });

[davidhousedev]

Sounds like you're trying to perform a mutation while rendering your server components. useShopQuery is for fetching data from the Storefront API, not mutating 👍🏻.

Back before Hydrogen 2.0 was announced, the Hydrogen team built a Form component modeled after Remix's form conventions. I'd recommend using that, as it will also ease your transition into Hydrogen2/Remix: https://shopify.dev/api/hydrogen/components/framework/form

[almaraz333]

Yea I looked at that a little. I ended up creating an API route and calling the mutation there. Specifically I want the user to sign up for a newsletter with email alone but this way requires a password.

It seems like the only way to sign up for a newsletter with no password is through the admin API. So I'll probably end up using that in a similar way. This is the thread I'm referencing: Shopify/storefront-api-feedback#124

[ryanleichty]

Did you end up figuring out a solution for this with the admin API? Looking to build out simple newsletter form myself and it seems like that's the only way to do it currently

[almaraz333]

Yea I set up a new api route in my project and called the customerCreate mutation with the user's email on the admin api. I had to generate an access token to use the admin api.

[ryanleichty]

Yea I set up a new api route in my project and called the customerCreate mutation with the user's email on the admin api. I had to generate an access token to use the admin api.

Did you manage to get an automatic email sent to confirm the subscription too?