Push notifications are a powerful way to keep your fans engaged with real-time updates from your app. Before you can start sending them, you’ll need to enable the feature by connecting your app to Firebase through the Creator Portal. Once set up, you’ll be able to reach your audience instantly with new releases, announcements, and exclusive content.
To enable push notifications navigate to the Layout section in the Creator Portal.
In the Main Tabs section, click on the More tab.
Scroll down to the Admin pages, and click on the Push Notifications tab. It will have a yellow warning label indicating that push notifications have not yet been enabled.
After clicking the Push Notifications tab, you’ll see a new pop-up window, called Page Details. Keep this tab open.
Enable push notifications for your progressive web app (PWA)
To enable push notifications for your web app, you'll need to paste some code into the Web App Config field, and upload the Service Account Key (JSON file).
All of this information will be found on Firebase.
Create a Firebase account
- Go to https://console.firebase.google.com/ from a new browser tab
- Sign up / log-in to Firebase using your Google account
Once you're logged into Firebase, click on Create a new Firebase project.
Enter your project name.
Click Continue.
You can select whether to enable Gemini (Google's AI tool; this is optional) in Firebase, then click Continue.
You can then select to enable Google Analytics for the project (optional). Then click Continue.
Your Firebase project will then be created. Click Continue.
From the Firebase Project Overview screen, click the gear icon next to Project Overview.
Click Project settings.
In the Your apps section, click on Web app.
Enter your App Name.
Click Register app.
Here is where you'll get the code for the Web App Config field. Copy from the left curly bracket to the right curly bracket.
Go to the Creator Portal and paste the code into the Web App Config field.
Go back to the browser tab with your Firebase project and click Continue to console.
In Project settings, click the Service accounts tab.
Click Generate new private key.
In the pop-up window, click Generate key. This will download a .json file.
Go to the Creator Portal and click Upload in the Service Account Key field and upload the .json file that was downloaded.
Then click Save.
Push notifications will now work for your progressive web app (PWA).
Enable push notifications for your iOS app
⚠️ Note: after you submit your app for publishing in the App Store, we will contact you with the information and files needed to complete the push notifications set up process.
For users on the GROW and PRO plans, to enable push notifications for the native iOS go back to the Layout section in the Creator Portal > Main Tabs section > click on the More tab > click the Push Notifications tab.
We'll now be uploading a file to the iOS Config section of the Push notification Page details. Keep this browser tab open.
Open Firebase in a new tab, go to the Project settings, and click on the General tab.
Scroll down and click Add app.
Click on iOS.
In the Apple bundle ID field, paste the ID provided to you by email. The Apple bundle ID field format is "creators.myseat.com/appname"
⚠️ The "appname" needs to match the name associated with your MySeat Account. This is the name at the end of your web app link, which can be found by clicking the web app link in https://creators.myseat.com/your-app
For our example artist the link is: creators.myseat.com/celesteharper
For our example app, we've entered "com.myseat.celesteharper". Click Register app.
Then click Download GoogleService-Info.plist. This will download a .plist file.
Go to the Creator Portal tab and click Upload in the iOS Config field and upload the .plist file that was downloaded.
Click Save.
Next, go back to your Firebase account, go to the Project settings, and click on the Cloud Messaging tab.
Click Upload next to "No production APNs auth key".
In the pop-up window, click Browse. Upload the P8 file that was provided to you by email. If you have not received one, please contact Support (info@myseat.com).
In the Key ID (required) field, enter the ID provided to you by email. If you have not received one, please contact Support (info@myseat.com).
In the Team ID (required) field, enter the ID provided to you by email. If you have not received one, please contact Support (info@myseat.com).
Click Upload.
Push notifications will now work for your iOS app.
Enable push notifications for your Android app
⚠️ Note: after you submit your app for publishing in the App Store, we will contact you with the information and files needed to complete the push notifications set up process.
Next, we'll enable push notifications for Android. Click on the Push Notifications tab to open the Page Details again.
We'll now be uploading a file to the Android Config section of the Push notification Page details. Keep this browser tab open.
Open Firebase in a new tab, go to the Project settings, and click on the General tab. Click Add app.
Click on Android.
In the Android package name field, paste the ID provided to you by email. The Android package name field format is "creators.myseat.com/appname"
⚠️ The "appname" needs to match the name associated with your MySeat Account. This is the name at the end of your web app link, which can be found by clicking the web app link in https://creators.myseat.com/your-app
For our example artist the link is: creators.myseat.com/celesteharper
For our example app, we've entered "com.myseat.celesteharper". Click Register app.
Click Download google-services.json. This will download a .json file.
Go to the Creator Portal tab and click Upload in the Android Config field and upload the .json file that was downloaded.
Click Save.
Push notifications will now work for your Android app.