> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/cdp-365-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/cdp-365-user-guide/quick-start-guide/how-to-push-notification-firebase-cloud-messaging-for-shopify.md). # How to push notification "Firebase Cloud Messaging" for Shopify ## I. Create a Firebase project ### 1. Create a project #### - Log in [Firebase](https://console.firebase.google.com/) and create a new project

Add new project

#### - Enter the name of project and click "Continue"

Enter Name of project

#### - Accept the privacy and create project

Create project

### 2. Build "Cloud Messaging" #### - Click dropdown "Build" and select "Cloud Messaging"

Cloud Messaging

#### - Add firebase to your web app

Add firebase to web app

#### - Click "Register app"

Register app

#### - Copy "firebaseConfig" and Click "Continue to console"

Continue to Console

#### - Firebase config: ``` apiKey: "AIzaSyBUJrgxGjFUWld-q_zr_cVzrN9IaB4KfmE", authDomain: "fir-clound-messaging-ab666.firebaseapp.com", projectId: "fir-clound-messaging-ab666", storageBucket: "fir-clound-messaging-ab666.appspot.com", messagingSenderId: "974234323980", appId: "1:974234323980:web:03d23bee74ed48eb5c7229", measurementId: "G-EE955NEBKJ" ``` #### - Click settings icon and select "Project settings"

Project settings

#### - Click "Cloud Messaging"

Cloud Messaging settings

#### - Enable Cloud Messaging API

Manage API

Click Enable

#### - After that, we have the data of Server Key

Server Key

### 3. Add script to source code of website #### - Copy and paste these scripts into the bottom of your \ tag ``` ``` #### - \*firebaseConfig\* is the data of [firebase config](#firebase-config) in section 2 #### - Install custom app (Contact us before taking this step) * At this step, we need you to provide the link of your domain website in Shopify
* Copy and send it to us then we will give you a link to install a custom app * We need to install an app, so please contact us before you install the app. * Example link to install app: * Click the link then press Install app
#### - We have done with the set up on your website. Next, we will continue with set up in CDP ## II. Create destination "Firebase Cloud Messaging" ### 1. Access the "MARKETING HUB" app and go to the "Destinations" menu

Destination

### 2. Click "+" button and select "Web Push-Notification"

Web Push-Notification

### 3. Select "Destination catalog": "Firebase Cloud Messaging"

Firebase Cloud Messaging Destination #1

Firebase Cloud Messaging Destination #2

* **Server Token**: we can copy server token as instruction in [previous section](#after-that-we-have-the-data-of-server-key) #### - Get "To Client Tokens" * Visit the website, press F12 and go to Console to get "To Client Tokens"

To Client Tokens

* Copy "To Client Tokens" and paste to destination setting * Click "Save" to save destination #### Note: After client finish creating "Firebase Cloud Messaging", Antsomi team will collect the data and update "To Client Tokens" attribute in CDP system. ## III. Push "Firebase Cloud Messaging" notification via Journey ### 1. Access "MARKETING HUB" app and go to "Customer Journey" menu

Customer Journeys

* We have 2 channels that supporting to send "Firebase Cloud Messaging". These are "Web Push-Notification" and "Journey Orchestration"

Web Push-Notification & Journey Orchestration

### 2. Click "+" button to Create Journey, add "Destination" node and select "Firebase Cloud Messaging" destination

Add destination "Firebase Cloud Messaging"

* Fill in the required information

Campaign setting

Variant setting

* Click "Save change" to Save the journey ### 3. Click Activate to activate the journey

Activate journey