Story 0.2.1. Newsletter subscribe pop-up

General info

The Newsletter subscription pop-up is displayed when a user visits saclab.com or any of its sub-pages (excluding saclab.com/sell and career pages). A new checkbox needs to be added to comply with data privacy policies, allowing users to confirm that they agree to the privacy policy and data handling procedures. The pop-up appears after the user has browsed for 15 seconds. Once the user subscribes by entering their email and accepting the policy, they will see a success confirmation and be added to the Mailchimp audience.

User story

As a user on saclab.com,
I want to subscribe to the Saclab newsletter
So that I can receive news and updates from Saclab.

Visual design

Desktop:https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?page-id=4404%3A5861&node-id=4404-5887&viewport=1319%2C264%2C0.36&t=DOzw49IzijA3z1LS-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4404%3A5887

Mobile: https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?page-id=4404%3A6095&node-id=4404-6120&viewport=964%2C487%2C0.42&t=JMyQGKh826Y88KNy-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4404%3A6120

Acceptance criteria

01

Scenario: The user visits saclab.com or any of its sub-pages (except for saclab.com/sell and career pages) for the first time.

Given: The user visits saclab.com

When: After 15 seconds of browsing

Then: See the Newsletter subscribe popup with the checkbox

(function already exist, only the checkbox needs to be added and some minor design changes)

Desktop:https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?page-id=4404%3A5861&node-id=4404-5887&viewport=1319%2C264%2C0.36&t=DOzw49IzijA3z1LS-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4404%3A5887

Mobile: https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?page-id=4404%3A6095&node-id=4404-6120&viewport=964%2C487%2C0.42&t=JMyQGKh826Y88KNy-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4404%3A6120

Screenshot 2024-07-01 at 12.46.41.png

02

Scenario: The user attempts to subscribe without tick the checkbox.
Given: checkbox isn’t ticked.
When: The user clicks "Subscribe".
Then: An error message is shown, prompting the user to agree privacy policy.

Screenshot 2024-07-01 at 12.48.46.png

03

Scenario: The user validates the newsletter subscription.

Given: The user put in the correct email format and ticked the “I accept the data….” box

When: User clicks “Subscribe”

Then: User sees “Success popup”

Screenshot 2024-07-01 at 12.50.48.png

04

Scenario: The user subscribes to the newsletter using the popup.

Given: The user has entered their email and clicked "Subscribe".

When: user confirms the subscription via email

Then: User is added to Mailchimp “SACLAB Newsletter” Audience

(function already exists)

Screenshot 2024-07-01 at 12.53.08.png

Comments

Leave a Reply