Secondly, you have to create a new Project in Notimatica. Let's do it together step by step.
Notimatica supports both HTTPS and HTTP websites, yet browsers require only HTTPS. We workaround this by sending push notifications to HTTP websites from your-subdomain.notimatica.io
which is an HTTPS domain. The shortcoming is that it requires HTTP websites to show an additional popup window to opt-in users.
If you don’t have Google Server API Key and Google Project Number then go to Prerequisites Guide first.
{.toc}
- Create New Project
- Configure Chrome and Firefox
- Configure Safari (optional)
- Include and initialize SDK
{#create-new-project}
- Go to Notimatica's Dashboard and click "New project".
- Enter the Name and URL of your websute. Note that URL should contain prefix (
http://
orhttps://
). - Type Subdomain. Usually it may be the same as the Name of your website.
- Upload Project icon. The icon should be squared 192x192 PNG image.
- Click on "Create". Wait for project to be created.
- Congratulation, you have created first project in Notimatica.
{#configure-chrome-and-firefox}
- Go to Project → Settings → Google Chrome, Mozilla Firefox and click "Connect".
- In the popup window type your Google Server API Key (API key) and Google Project Number (Sender ID) (where can I get these?) and click "Connect". {#configure-chrome-and-firefox-download-sdk}
- Download and unzip the SDK files by "Download package" link that has appeared. Inside package you should have:
manifest.json
notimatica-sw.js
- Upload these files to the root directory of your website.
- All set! Now go to SDK Installation Guide to complete the last step.
{#configure-safari}
- Using Google Chrome and Mozilla Firefox as your only web push notification platform is totally fine as they have 80% market share combined.
- iOS and Windows are currently not supported
- Go to Project → Settings → Apple Safari and click "Connect".
- Upload a Private Key file
.p12
(where can I get this?) and click "Connect". - If you have already downloaded and unziped the SDK files by "Download package" link for Google Chrome support, then go straight to SDK Installation Guide to complete the last step.