The main design principle behind Notific.io has been fast and simple integration. After you have registered and received your private identifier, all it takes to integrate Notific.io is a single line of code in every .html file that you want to send notifications from.
Below video shows you exactly how easy it is to integrate Notific.io.
The first step to get Notific up and running in your site is registering to the service.
If you haven't already done so, please fill in the registration form in https://app.notific.io/signup
After filling in the registration form you will enter our quick and easy four step tutorial which looks like this: You can copy – paste the code line to the html code of your existing testing webpage, or if you don’t have one at hand right now, but want to test the service, just create an index.html file with your favorite text editor.
Here are the index.html file contents with the example integration line:
<html> <head> <title>Notific demo</title> </head> <body> <script src="https://cdn.notific.io/v3z0gmcy.js"></script> </body> </html>
In your file the identification string (v3z0gmcy) will be different, but other than that, you can simply copy paste the code from above. Remember to save your index.html.
Now open the edited site or your new index.html file with your favorite web browser.
You should see a bell icon in the bottom right hand corner of the browser window.
Notific.io will notice that your page has been opened, and the tutorial will jump to the next step:
Let your creativity flow and fill in the fields with whatever example notification you want to send to yourself. After you are done, click send Notification.
When you see below step popup read the message you just received, as instructed.
Congratulations! You have successfully integrated Notific.io to your site.