A step-by-step guide to list deployment on HTTP website

  1. Sign in to your Pushfire account, by entering Username and Password.

  2. Dashboard page is opened after the successful sign in.

  3. Click on the List button, positioned in the left colon of your Dashboard page.

  4. On the upper right side of the page is the Add new list button. Click Add new list button. New blank field is opened (a pop up).

  5. Now it is necessary to give a name to your list – for example Test2. You have to type a name of your list (just as an example – we named it Test2).

  6. 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 (for example Test2). List is created and the first phase is successfully finished. Congratulations!

  7. After the list is created, it is necessary to choose what type of a list will be set. The new list that we named Test2 is now positioned on the beginning of the row with lists. In the same row with list Test2, 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 your (Pushfire subscriber) website.

  8. Now you have to choose the HTTP code button positioned in the same line with the added list – Test2, implying that your website supports HTTP protocol. After HTTP code button is clicked, the new window – Two-step Opt-in is opened with two tabs available in the upper side of the screen:
    ·    Appearance – red tab just below the Two-step Opt-in title;
    ·    Advanced– white tab in the same line with the red tab Appearance, right next to it;
    Creation of HTTP lists via Appearance and Advanced screen is described in this User guide.
    Creation of HTTPS lists via One-step Opt-in tab is described in a separate User guide.
    Appearance tab settings

  9. Appearance tab is activated by default, just after clicking the HTTP code button that is described in step 8. Appearance tab has several parameters that need adjustment and that are positioned below the red Appearance button.

  10. The first Appearance tab parameter that is available for adjustment is Title field. By default, in this field is entered the following text: “The website Pushfire would like to send you push notifications.
    “The purpose of this field is to send a message to your subscribers that will explain notification benefits and motivate them to accept or allow Web push notifications from your Website.  You can enter any other text you like in this field. Text in the Title field is always bolded in Web push notification.  The outlook of this field is available in Preview screen. If you click on Full preview button, Web push notification appears on the top of the web-page.

  11. Next available parameter is the Subtitle field. By default, in this field is entered the following text: ”Notifications can be turned off anytime from browser settings.”
    Like in the previous field, you can change this text according to your needs. Its purpose is to encourage your subscribers to allow Web push notifications from your Website and to assure them they have made the right choice by doing it. Text entered in this field is not bolded like in the previous one. If you take a look at this field in Preview screen or in the Full preview, you can notice that text from the Subtitle field is positioned just below the bolded Title text.

  12. By clicking on the Choose file button, right below the Image parameter, a desired picture can be added to your Web push notification. It is strongly recommended that, before insertion, picture size is formatted to 192×192 pixels. If not in this resolution, 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. After inserting and instead of red Pushfire logo, the picture is positioned in the left part of Web push notification. This place is intended for your company logo or any other visual identity you prefer.

  13. A Preview screen or Full preview offer the outlook of the Web push notification with Don’t allow or Allow buttons, just below the address bar of the Website, as well as the review of chosen image and text entered in the Title and Subtitle fields.

  14. In the Allow Button Text field, just below the Image parameter, you have to enter the text that will allow customers subscribing to your Web push notifications. In this field by default is written Allow and it is presented as blue color button in Web push notification. By entering the new text in this field and changing its default content, it automatically replaces the content of the blue Allow button in Web push notification.

  15. In the Disallow Button Text field, you have to enter the text that customers have to choose if they do not want to subscribe to your Web push notifications. In this field by default is written Don’t Allow and it is presented as white color button in a Web push notification. By entering the new text in this field and changing its default content, it automatically replaces the content of the white Don’t Allow button in Web push notification.

  16. In the Allow URL field, just below the Allow Button Text 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.

  17. In the Block URL field, you have to enter the URL address of the website to which you want to redirect customers who clicked Don’t Allow to your Web push notifications.

  18.  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.

  19. 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 the right top angle of the window).

  20. By clicking the Enable Opt-in from Mobile button, smartphone picture is activated on the screen – right next to this parameter. This option enables Web push notifications service on smartphones and allows the review of available adjustments.

  21.  Below the Enable Opt-in from Mobile button is Title field that is independent from the parameter we described in step 10. The purpose of this field is to send a message, dedicated exclusively to your subscribers that use smartphones and support them to allow your Web push notifications. By default, in this field is entered the text: “The website Pushfire would like to send you push notifications.
    “This text is always bolded in Web push notification on smartphone.  The outlook of this field is available in smartphone picture – next right to it. On smartphones, Web push notifications are positioned on the bottom of the screen. There is no Subtitle parameter available for smartphone Web push notifications.

  22. Next available parameter 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.

  23. 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.
    By clicking on the 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.

  24. 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 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. The outlook of Web push notification, with this parameter activated, is available for review in smartphone picture – next right to it, only if the Enable Opt-in from Mobile button is activated.

  25. 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. Pushfire smart code has to be pasted before the tag on every web-page of your Website, in order to enable subscribers to receive Web push notifications. On web-pages without Pushfire smart code pasted before the tag, Web push notifications service is inactive.

  26. At the bottom of the Appearance 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.
    Appearance tab settings are finished. Congratulations!
    It is important to notice that after the subscriber visit the web-page for the first time, the HTTP list is loaded and the Appearance screen is shown with Appearance tab settings. Appearance screen notification is positioned just below the address tab with two buttons available – their default values are Allow and Don’t allow, as described in steps 14. and 15.  If a subscriber clicks on the Allow button, the next Advanced screen is opened. By clicking the Allow button in the Appearance screen, the first step is finished in Two-step Opt-In procedure. Now you are ready for second step settings in Advanced tab.
    Advanced tab settings

  27. As described in step 9, just after clicking the HTTP code button Appearance tab is activated by default. In order to activate the Advanced tab settings, you have to click on the white button Advance, in the same line and next right to red Appearance button.

  28. The first Advance tab parameter that is available for adjustment is Opt-in-txt field. By default, the following text is entered in this field: “Please click on “Allow” button to receive push notifications.
    “The purpose of this field is to send a message to your subscribers that will explain notification benefits and motivate them to accept or allow Web push notifications from your Website. There is neither preview screen nor Full preview available for this parameter. As explained in the last paragraph of step 26. – after the subscriber visits the web-page – HTTP list is loaded with Appearance screen. When a subscriber clicks the Allowbutton to Web push notification service, the new full screen – Advance screen is opened and the text typed in Opt-in-txt field is displayed, just below the text entered in the Offer Text field – that is described in step 29.

  29. In the Offer Text field, the following text is entered: “Notifications can be disabled anytime from your browser settings.” The purpose of this field is to send messages to subscribers and inform them they did the right thing by allowing the Web push notifications and they can disable them anytime from browser settings.  As described in step 28. after the HTTP list is loaded with the Appearance screen and the subscriber clicks the Allow button to Web push notification service, the new full screen – Advance screen is displayed, with text typed in the Offer Text field. This text is positioned on the Advance screen just above the text entered in the Opt-in-txt field, described in step 28.

  30. Next available parameter, below the Offer text is the Chicklet Position on Web. It has seven available predefined values and default value is Bottom Left. It defines the Chicklet button position on the web-page. Chicklet is a red button with default text “Get notification” that can be changed according to the subscribers needs. This chicklet button is notifying subscribers to click on it in order to get Web push notifications. The new position of the chicklet button on the web-page is available for review on Preview screen or in Full preview.

  31. Chicklet position on the mobile is the next parameter, next right from the Chicklet Position on Web. It has four available predefined values and default value is Bottom. It defines the Chicklet button position on the smartphone. The new position of the chicklet button, on smartphone, is available for review on smartphone picture positioned below the Preview screen.

  32. Next available parameter below the Chicklet Position on Web is Chicklet text. In this field you can enter any text you like, instead of default one “Get Notification”. Changes made in this field affect both chicklet buttons – on the Web-page and on the smartphone. It is not possible to make changes in the Chicklet text field separately for Web-page or for smartphone.

  33. Background color is parameter below the Chicklet text. By clicking on the default red field, you can choose any other available color or enter its code and change the background color of the red Get Notification chicklet button. Like described in step 32. it is not possible to make changes in Background color field separately for the Web-page or for the smartphone.  Changes made in this field affect both chicklet buttons – on the Web-page and on the smartphone.

  34. Text color is the parameter next right to Chicklet text. By clicking on the default white field, you can choose any other available color or enter its code and change the text color in the Get Notification chicklet button. Like described in steps 32. and 33. changes made in this field affect both chicklet buttons – on the Web-page and on the smartphone.

  35.  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. Like described in step 25. – Pushfire smart code has to be pasted before the tag on every web-page of your Website, in order to enable subscribers to receive Web push notifications. On web-pages without Pushfire smart code pasted before the tag, Web push notifications service is inactive.

  36. At the bottom of the Appearance page two buttons are available, like described in step 26. 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.
    It is very important to notice that after the HTTP list is loaded and the subscriber clicked Allow button on Appearance screen, the new Advance screen is automatically opened, with small notification for subscribers just below the address bar that looks the same like notification for the subscribers in HTTPS lists that are explained in separate User guide. In this Advance screen notification for subscribers, they have to click on the Allow button to activate Web push notification service. This is the second time subscribers have to click on the Allow button in Two-step Opt-In procedure. Do not forget that the first click on the Appearance screen Allow button in Two-step Opt-In procedure is described in the last paragraph of step 26.

  37. If the subscribers visit the web-page for the first time, the HTTP list is loaded and the Appearance screen is opened for the subscriber. The subscriber has two options from Appearance screen notification – Allow and Don’t allow buttons. If the Allow button is clicked, it starts the procedure explained in the last paragraphs of steps 26. and 36. On the contrary, if the subscriber clicks Don’t allow button in the Appearance screen notification, the new Advance screen will not be loaded and Web push notification service will not be activated.
    Next time(s) when a subscriber visits the web-page, the Appearance screen will be skipped and the Advanced screen will be loaded automatically. On this automatically opened Advanced screen (during the second, third or any later visit to the web-page), the Chicklet button is available with the default message for the subscribers – Get notification. After the subscriber clicked on the chicklet button – Get notification (now this is the first click in Two-step Opt-In procedure) the new Advance screen is automatically opened with small notification for subscribers, just below the address bar. This small notification for subscribers looks the same like notification in HTTPS lists, as described in the last paragraph on step 36. Now subscribers have to click on the Allow button to activate Web push notification service. This is the second time subscribers have to click on the button – first Get notification click and then Allow clickin Two-step Opt-In procedure.
    That is why this procedure is named Two-step Opt-In. It always needs two clicks on the Allow button or a click on the Get notification and a click on the Allow button to activate Web push notification service.

Related Content

Sending autoresponder rotator notifications
by Pushfire | January 29, 2021
An autoresponder push notifications are messages that are automatically sent to your subscribers based on the time set-up you fixed. These are trigger...
Sending autoresponder notifications
by Pushfire | January 18, 2021
An autoresponder push notifications are messages that are automatically sent to your subscribers based on the time set-up you fixed. These are trigger...
Just one click away from yourfree account