> ## Documentation Index
> Fetch the complete documentation index at: https://novu-c5de82d9-docs-homepage-redesign.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Expo Push Push Integration with Novu

> Connect Expo Push to Novu to send push notifications through notification workflows. Step-by-step credential setup.

This guide explains the process of configuring and using Expo Push with Novu, from getting your credentials to sending your first notification.

## How to configure Expo with Novu

Before you can send notifications, you must connect your Expo project to Novu by generating an access token and adding it to your integration settings.

### Step 1: Generate your access token from Expo Push

Generate an access token from your dashboard. This token authorizes Novu to send notifications on behalf of your project.

<Steps>
  <Step title="Log in to Expo">
    Log in to the [Expo console](https://expo.dev/).
  </Step>

  <Step title="Open Access Token">
    Navigate to the **Credentials** section in the project settings sidebar.
    Click [**Access Token**](https://expo.dev/settings/access-tokens).

    <img src="https://mintcdn.com/novu-c5de82d9-docs-homepage-redesign/sZb0_crTccuVjvw2/images/channels-and-providers/push/expo-push/create-token.png?fit=max&auto=format&n=sZb0_crTccuVjvw2&q=85&s=f3b9e7c9dda84576eb5e55426ee836ad" alt="Create Expo token" width="2880" height="1622" data-path="images/channels-and-providers/push/expo-push/create-token.png" />
  </Step>

  <Step title="Create a token">
    Click **Create Token**. A menu appears.
  </Step>

  <Step title="Generate the token">
    Give it a descriptive name, and then click **Generate New Token**.

    <img src="https://mintcdn.com/novu-c5de82d9-docs-homepage-redesign/sZb0_crTccuVjvw2/images/channels-and-providers/push/expo-push/generate-token.png?fit=max&auto=format&n=sZb0_crTccuVjvw2&q=85&s=771e8d6da571a3e7983d3fc415a9abed" alt="Generate Expo token" width="2880" height="1624" data-path="images/channels-and-providers/push/expo-push/generate-token.png" />
  </Step>

  <Step title="Copy the token">
    Copy and save the generated access token. You need it in the next step.

    <img src="https://mintcdn.com/novu-c5de82d9-docs-homepage-redesign/sZb0_crTccuVjvw2/images/channels-and-providers/push/expo-push/copy-token.png?fit=max&auto=format&n=sZb0_crTccuVjvw2&q=85&s=39bfe5e46c4ee1184a570c5e867338be" alt="Copy Expo token" width="2880" height="1624" data-path="images/channels-and-providers/push/expo-push/copy-token.png" />
  </Step>
</Steps>

### Step 2: Connect Expo Push to Novu

Next, add the access token to your Expo integration in the Novu dashboard.

<Steps>
  <Step title="Log in to the Novu dashboard">
    Log in to the Novu dashboard.
  </Step>

  <Step title="Open Integration Store">
    On the Novu dashboard, navigate to the **Integration Store**.
  </Step>

  <Step title="Connect a provider">
    Click **Connect provider**.
  </Step>

  <Step title="Select Expo Push">
    In the **Push** tab, select **Expo Push**.
  </Step>

  <Step title="Paste the access token">
    In the Expo integration form, paste the access token that you copied from Expo into the **Access Token** field.

    <img src="https://mintcdn.com/novu-c5de82d9-docs-homepage-redesign/sZb0_crTccuVjvw2/images/channels-and-providers/push/expo-push/expo-integration.png?fit=max&auto=format&n=sZb0_crTccuVjvw2&q=85&s=7e357c6d366fce3a1717b34b76d13131" alt="Expo Integration in Novu" width="2880" height="1624" data-path="images/channels-and-providers/push/expo-push/expo-integration.png" />
  </Step>

  <Step title="Create the integration">
    Click **Create Integration**.
  </Step>
</Steps>

## Using Expo Push with Novu

Once your integration is configured, you can start sending push notifications by registering your subscribers' device tokens and triggering a workflow.

### Step 1: Add subscriber device token

Before Novu can send a push notification to a subscriber (user), you must associate their device's unique push token with their Novu subscriber profile.

You can do this by making an API call to [update the subscriber's credentials](/api-reference/subscribers/update-provider-credentials).

<Tabs>
  <Tab title="Node.js">
    ```typescript theme={null}
    import { Novu } from '@novu/api';
    import { ChatOrPushProviderEnum } from "@novu/api/models/components";

    const novu = new Novu({
      secretKey: "<NOVU_SECRET_KEY>",
      // Required if using EU region
      // serverURL: "https://eu.api.novu.co",
    });

    await novu.subscribers.credentials.update(
      {
        providerId: ChatOrPushProviderEnum.Expo,
        // Use integrationIdentifier to store device tokens for a specific integration
        integrationIdentifier: "string",
        credentials: {
          deviceTokens: [
            "token1",
            "token2"
          ]
        },
      },
      "subscriberId"
    );
    ```
  </Tab>

  <Tab title="cURL">
    ```bash theme={null}
    curl -L -X PUT 'https://api.novu.co/v1/subscribers/<SUBSCRIBER_ID>/credentials' \
    -H 'Content-Type: application/json' \
    -H 'Accept: application/json' \
    -H 'Authorization: ApiKey <NOVU_SECRET_KEY>' \
    -d '{
      "providerId": "expo",
      "deviceTokens": ["token1", "token2"],
      "integrationIdentifier": "string"
    }'
    ```
  </Tab>
</Tabs>

<Note>
  Novu automatically removes invalid device tokens from a subscribers' profile and then sends the failure details to the `MESSAGE_FAILED` webhook.
</Note>

### Step 2: Send a notification

Now you're ready to send a push notification. [Create a workflow with a Push step](/platform/workflow/create-a-workflow) and trigger it. Novu sends the notification to all devices associated with the subscriber.

The example below demonstrates a simple trigger using Novu’s SDK.

```typescript theme={null}
import { Novu } from '@novu/api';

const novu = new Novu({
  secretKey: "<NOVU_SECRET_KEY>",
});

await novu.trigger({
  workflowId: "workflowId",
  to: {
    subscriberId: 'SUBSCRIBER_ID',
  },
  payload: {
    // Your payload data
  },
});
```

## Using overrides to customize notifications

Novu provides an overrides field that let you send additional Expo-specific message fields. You can use this to control how messages are displayed or to attach custom payloads.

The overrides field supports all [Expo Message Request](https://docs.expo.dev/push-notifications/sending-notifications/#message-request-format) values. Here is an example:

```typescript theme={null}
import { Novu } from '@novu/api';

const novu = new Novu({
  secretKey: "<NOVU_SECRET_KEY>",
  // Required if using EU region
  // serverURL: "https://eu.api.novu.co",
});

await novu.trigger({
  workflowId: "workflowId",
  to: { subscriberId: "subscriber-id-123" },
  payload: {
    orderId: "12345",
  },
  overrides: {
    providers: {
      expo: {
        title: "Order Update",
        body: "Your order #12345 has been shipped!",
        data: {
          deepLink: "myapp://orders/12345",
          orderId: "12345",
        },
        sound: "default",
        priority: "high",
        ttl: 3600,
      },
    },
  },
});
```