> ## Documentation Index
> Fetch the complete documentation index at: https://stytch.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Email Magic Links Login or Signup

> Login or signup using email magic links with the Stytch React SDK

export const organization = "Represents an instance or tenant in your application, typically mapping to each of your top-level customers.";

export const member = "Represents an individual end user's account within a given Organization, uniquely identified within that Organization by their email address.";

`magicLinks.email.loginOrSignup` wraps the [login or signup](/api-reference/b2b/api/email-magic-links/organization/send-login-or-signup-email) Email Magic Link API endpoint.

Use this method to send a Magic Link to a <Tooltip tip={member}>Member</Tooltip> that can be used to log in or create a new Member account in an <Tooltip tip={organization}>Organization</Tooltip>.

## Parameters

<ParamField path="organization_id" type="string" required>
  The id of the Organization to send the login or signup email to.

  You may also use the `organization_slug` or `organization_external_id` here as a convenience.
</ParamField>

<ParamField path="email_address" type="string" required>
  The email address to send the login or signup email to.
</ParamField>

<ParamField path="login_redirect_url" type="string">
  The URL that the Member clicks from the login Email Magic Link. This URL should be an endpoint in the backend server that verifies the request by querying Stytch's authenticate endpoint and finishes the login.

  If this value is not passed, the default login redirect URL that you set in your Dashboard is used. If you have not set a default login redirect URL, an error is returned.
</ParamField>

<ParamField path="signup_redirect_url" type="string">
  The URL the Member clicks from the signup Email Magic Link. This URL should be an endpoint in the backend server that verifies the request by querying Stytch's authenticate endpoint and finishes the login.

  If this value is not passed, the default sign-up redirect URL that you set in your Dashboard is used. If you have not set a default sign-up redirect URL, an error is returned.
</ParamField>

<ParamField path="login_template_id" type="string">
  Use a custom template for login emails. By default, it will use your default email template. The template must be from Stytch's built-in customizations or a custom HTML email for Magic Links - Login.
</ParamField>

<ParamField path="signup_template_id" type="string">
  Use a custom template for signup emails. By default, it will use your default email template. The template must be from Stytch's built-in customizations or a custom HTML email for Magic Links - Signup.
</ParamField>

<ParamField path="locale" type="string">
  Used to determine which language to use when sending the user this delivery method. Parameter is an [IETF BCP 47 language tag](https://www.w3.org/International/articles/language-tags/), e.g. "en".

  Supported languages are English ("en"), Spanish ("es"), French ("fr") and Brazilian Portuguese ("pt-br"); if no value is provided, the copy defaults to English.
</ParamField>

## Response

<ResponseField name="request_id" type="string">
  Globally unique UUID that is returned with every API call. This value is important to log for debugging purposes; we
  may ask for this value to help identify a specific API call when helping you debug an issue.
</ResponseField>

<ResponseField name="status_code" type="number">
  The HTTP status code of the response. Stytch follows standard HTTP response status code patterns, e.g. 2XX values
  equate to success, 3XX values are redirects, 4XX are client errors, and 5XX are server errors.
</ResponseField>

<Panel>
  <RequestExample>
    ```jsx theme={null}
    import { useStytchB2BClient } from '@stytch/react/b2b';

    export const Login = () => {
      const stytch = useStytchB2BClient();

      const sendEmailMagicLink = () => {
        stytch.magicLinks.email.loginOrSignup({
          email_address: 'member@example.com',
          organization_id: 'organization-test-07971b06-ac8b-4cdb-9c15-63b17e653931',
        });
      };

      return <button onClick={sendEmailMagicLink}>Send email</button>;
    };
    ```
  </RequestExample>
</Panel>