Create a Firebase Messaging Account
[vc_row][vc_column][vc_column_text]Our plugin uses Googles Firebase Messaging Service to send background notifications. You will need to setup a free account on their service to use our plugin and here we explain how you can do it.[/vc_column_text][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”general-settings”][vc_column][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vc_column_text]
1. Add a new Project
Visit this link: https://console.firebase.google.com/
Then click on add project. After that a popup appears and you need to enter the projects data. Then click on the Add button.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”1475″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1532606291058{margin-top: 20px !important;}”][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”1476″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1532606303260{margin-top: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D”][vc_column][vc_column_text]
2. Create Web App
After adding the project you will get to the dashboard. From here click on the round 3rd circle “Add firebase to your web app“.
Then you will get the credentials, that you need to copy into our plugin settings. Copy the data into a text file for temporary.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”1477″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1532606407833{margin-top: 20px !important;}”][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”1533″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1533622199488{margin-top: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D”][vc_column][vc_column_text]
3. Get Firebase Server Key
The server key is needed to send notifications to Google’s Server. Click on the gear icon on top left and then on settings.
Then click on the “Cloud Messaging”-Tab, where you can see your server key. Copy it also to the temporary file and you are done.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”1479″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1532606512394{margin-top: 20px !important;}”][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”1534″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1533622206903{margin-top: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vcex_button url=”https://demos.welaunch.io/fire-push/documentation/faq/setup/”]Next: Setup the Plugin[/vcex_button][/vc_column][/vc_row]