Email collection in exchange for PDF download

[data-sync-user]

Context: Continuation of this ticket https://mozilla-hub.atlassian.net/browse/TP1-1319

Request: Build PDF email feature to enable users to provide their email in exchange for a PDF download.

Acceptance criteria:

• User navigates to article on PNI
• Users is presented with email collection form and option to provide their email in exchange for a downloadable PDF guide (copy TBD)
  • Form includes:
  • Headline text (“Provide your email to download the guide”)
  • Form field: [Please enter your email]
  • Form field: [Your country] (optional)
  • Form field: [Language drop down] (optional)
  • Check box: [ ] I’m okay with Mozilla handling my info as explained in this Privacy Notice.
  • Check box: [ ]Yes, I want to receive email updates about Mozilla’s campaigns.
• User submits their email
  • user see’s email submission success confirmation
• Email address is sent to Salesforce with information about page/content user signed up from
• User receives PDF in email shortly after

Questions/to define:

Design: How to display the email collection form (and associated checkboxes/information) can we follow what was created for blog/newsletter collection? https://docs.google.com/document/d/1WdT7hqRaXX1_8TjIyzfhkMYKxrThVckp9xkeJ5iUMnc/edit#heading=h.n7zzbq4cxl90

-Copy for email collection: to define with engagement team, can we use lorem ipsum for now?

┆Issue is synchronized with this Jira Task

[data-sync-user]

➤ Nancy Tran commented:

Design-wise, I think using the front end from the newsletter block ( https://www.figma.com/design/528nyaJFzvCXAiw2gglwzh/Blog-Improvements?node-id=3193-25183&t=pd5oblocuz1RXDwM-1 )we created for Blog would be the most fitting since PNI articles are the same layout.