One step agreement form

One step agreement form is a pop-up window with a request to send web push notifications to a browser user. After a user agrees, they will receive the notifications. The agreement form is created as dynamic content.

Requirements


You must be granted user permissions that allow accessing the Communication module, creating and executing actions.

Creating agreement forms


  1. Go to Communication > Dynamic content > Create new.
  2. Select Insert object.

Select the recipients


  1. In the Audience section, click Define.

    1. Select the New audience tab.

    2. Click Define conditions.
      Result: A pop-up appears.

    3. Click Choose filter.

    4. From the dropdown list, select receive_webpush_messages.

      Tip: This attribute is available after completing web push configuration.

    5. Click the Choose operator.

    6. Select the Boolean icon tab.

    7. Select Is false.

      Recipients selected
      Selected group of recipients
    8. Confirm the settings on the pop-up by clicking Apply.

  2. Confirm the settings in the Audience section by clicking Apply.

Prepare the pop-up window


  1. In the Content section, click Define.

  2. Leave Simple message at default.

  3. In CSS selector:

    1. Select After (in div)
    2. In the field, enter .snrs-modal-wrapper
  4. Click Create message.

  5. Go to the Code editor.

  6. In the JS section, paste the following code:

    (
        function (w) {
            if (w.Notification && w.SR && SR.webPush.isWebPushAppReady()) {
                if (Notification.permission == "default") {
                    SR.webPush.requestPermission();
                }
                else if (Notification.permission == "granted") {
                    SR.webPush.subscribe();
                }
            }
        }
    )
        (window);
         
    
  7. Leave the CSS and HTML fields empty.

  8. Click Next.

    Content created
    Configured Content section
  9. Confirm the settings in the section by clicking Apply.

Schedule the display


  1. In the Schedule section, to define when you want to start displaying the agreement form, click Define.
  2. You can choose:
    • Immediate and continuous display by clicking Display immediately.
      WARNING: At the end of the process you must activate the dynamic content anyway.
    • Future date by clicking Scheduled.
      1. In the Start field, define the start date.
      2. In the End field, define the end date.
      3. Select the time zone.
  3. Confirm your choices by clicking Apply.
    Important: After dynamic content is activated, wait several minutes for the content to be loaded.

Set delay time


  1. In the Display settings section, click Define.
  2. Leave the Triggers at default (on landing).
  3. In the Delay field, enter the time of delay.
    WARNING: It must be at least 5 seconds delay.
  4. Optionally, you can adjust the Advanced settings.
    Tip: You can find explanation of the options in Advanced settings here.
    Display settings defined
    Configured Display settings section
  5. Confirm by clicking Apply.

Activate the form


In the right upper corner, click Activate. The form will appear on the website according to the settings defined. You can proceed to creating a web push notification.

😕

We are sorry to hear that

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

😉

Awesome!

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

Close modal icon Placeholder alt for modal to satisfy link checker