A step-by-step guide to list deployment on HTTPS website
by Pushfire | April 21, 2020
- Sign in to your Pushfire account, by entering Username and Password.
- Dashboard page is opened after the successful sign in.
- Click on the List button, positioned in the left colon of your Dashboard page.
- On the upper right side of the page is Add new list button. Click Add new list button. New blank field is opened (a pop up).
- Now it is necessary to give a name to your list – for example Test. You have to type a name of your list (just as an example – we named it Test).
- After you named a list, click on the Add list button, positioned below the blank window (pop up) – where you wrote the name of the new list (in our case – example it is Test). List is created and the first phase is successfully finished. Congratulations!
- After the list is created, it is necessary to choose what type of a list will be set. The new list that we named Test is now positioned on the beginning of the row with lists and in the extension, in the same row, several more buttons and icons are available – Clone, HTTPS code, HTTP code, Edit, Delete, Export and Import. Pushfire allows you to create two types of lists – HTTPS or HTTP lists, according to the protocol that is supported by the website of Pushfire subscriber.
- Now you have to choose the HTTPS code button positioned in the same line with the added list – Test, implying that your website supports HTTPS protocol. After HTTPS code button is clicked, the new window is opened with three tabs available in the upper side of the screen:
· One-step Opt-in (supported by HTTPS only);
· Two-step Opt-in (supported by HTTP and HTTPS);
· No Opt-in (supported by HTTP and HTTPS).
Creation of HTTPS lists via One-step Opt-in tab is described in this User guide. Creation of HTTP lists will be described in separate User guide.
- One-step Opt-in (HTTPS only) tab is activated by default, just after clicking the HTTPS code button that is described in step 8. One-step Opt-in (HTTPS) tab has several parameters that need adjustment. These parameters are positioned below the title of the tab – One-step Opt-in (HTTPS). On the upper right side of the One-step Opt-in (HTTPS) tab, a preview screen is positioned.
Just below this preview screen, Full preview button is available. It shows the outlook of the Web page with the new list deployed – offering the Block or Allow buttons on the upper side of the Web page, left from the address bar.
- The first One-step Opt-in (HTTPS only) tab parameter, that is available for adjustment is Display Opt-in Box. It is set, by default to Immediately after the visitor lands on the website. In this scenario, Web push notification is displayed immediately after the visitor opens the website.
- If you want your Web push notification to be displayed with a time delay, a circle button After seconds has to be activated and a time delay value (in seconds) has to be defined.
It is positioned right below the Immediately after the visitor lands on website button. By clicking on After seconds button, the default choice of Display Opt-in Box parameter is deactivated – meaning that Immediately after the visitor lands on website button is inactive.
- Next available parameter is Add a bottom bar to tell people to subscribe for notifications. It is activated by clicking the square button. By its activation and entering some interesting text in the blank field right below this button, it is possible to format and display the desired message to subscribers – motivating them to allow and subscribe to Web push notifications. Text that is entered in the blank field, just below the activated Add a bottom bar to tell people to subscribe for notifications button, became available in the preview screen.
- By clicking on Choose file button, right below the Image parameter, a desired picture can be added to a bottom bar together with the content described in step 12. It is strongly recommended that, before insertion, picture size is formatted to 192×192 pixels. Otherwise, some of its modifications are quite possible, due to a fact that Pushfire application is set to resize higher resolution pictures and set them to default value of 192×192 pixels. Pictures with resolution lower than 192×192 pixels are not supported by Pushfire service.
- It is an ideal moment to take a look on the One-step Opt-in (HTTPS only) upper right side and the preview screen. By clicking the Full preview button below the preview screen, the outlook of the web page is available for preview and analysis or modifications (with the new list settings and bottom bar content described in steps 12. and 13.).
- In the Allow URL field, just below the Image parameter, you have to enter the URL address of the website to which you want to redirect customers who clicked Allow to your Web push notifications.
- In the Block URL field you have to enter the URL address of the website to which you want to redirect customers who clicked Blocked to your Web push notifications.
- In the Already Subscribed URL field, you have to enter the URL address of the website to which you want to redirect customers who have already clicked Allow and previously subscribed to your Web push notifications. This Pushfire feature is a powerful tool for Internet marketing – it enables customers to disseminate knowledge in compliance with their needs and affinities.
- In the Cancelled URL field you have to enter the URL address of the website to which you want to redirect customers who cancelled your Web push notifications (by clicking X on it).
- In the Backup URL field you have to enter the URL address of the website to which you want to redirect customers whose Web browser does not support Web push notifications.
- Pushfire Smart code field contains a script. This script has to be copied by clicking the red Copy button in the bottom right side of the Pushfire Smart code field and pasted before the tag on each page of your website.
- By clicking the red Download button – two files are downloaded – manifest.json and pushfire-sw.js. The purpose of this action is to connect the Web browser of Pushfire subscriber with Pushfire service. After downloading these two files from the Pushfire website you have to unzip them. Now it is necessary to connect your PC to your website via FTP provider – client (for example FileZilla, Transmit, Cyberduck etc.).
After the FTP connection is established between your PC and your website’s server, go to the public_html file and upload two unzipped files inside.
In addition to the FTP connection, there is a possibility to connect the PC to the website via File Manager (if supported) from the Control Panel.
- At the bottom of the One-step Opt-in page two buttons are available.
By clicking the Save Changes red button – parameters settings, improvements, modifications and all other work on list is saved.
On the other hand, by clicking the Discard Changes button – all your work on the list is discarded.