Getting Started

Notific.io integration

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.

Registration

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 alt SignUp screen

Filling up the form is really straightforward – just type in your name (optional) and Email in their respective fields, figure out a name for your Project and a secure Password. When you have read and accepted our Terms of Service and Privacy Policy you are ready to start using Notific.

Tutorial

After filling in the registration form you will enter our quick and easy four step tutorial which looks like this: alt First tutorial screen 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.
alt Bell icon

Notific.io will notice that your page has been opened, and the tutorial will jump to the next step: alt Second tutorial screen

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. alt Third tutorial screen

Congratulations! You have successfully integrated Notific.io to your site.