Events and Behaviour Tracking
- How to Create a Synchronized Module
- How to Create a Gmail Promotions Annotation for Emails
- All for adaptivity in email builder
- Editing HTML and CSS
- How to Add Anchor Links to an Email
- Adaptive email builder review
- How to Add a Rollover Effect to an Email
- Product Blocks Generator
- Adding a Video to an Email
- Working with “Images” block
- How to Add Social Media Buttons to an Email
- How to Add a Table to an Email
- How to Add a Background to an Email
- How to Add a Custom Font
- Designing your email
- Scheduled Mobile Push Message
- How to Create Deep Links and Universal Links
- Connecting Mobile Apps with Yespo
- Mobile Push Campaign Report
- How to Create a Google Project for Mobile Push Notifications
- How to Create a Mobile App Push Notification
- Setting Up Delivery and Clicks Analytics
- Managing mobile SDK access keys
- SDK for Mobile Apps
- Service Worker. Troubleshooting
- How to Send Web Push Notifications from a Website
- How to Create a Web Push Notification
- How to Set Up Web Pushes for Safari
- How to Create a Google Project to Collect Tokens for Web Push Notifications
- Sending user a personalized Push notification depending on his activity on the website
- How to Set Up Subscription Form for Your Website
- How to Set Up a Pop Up for Your Website
- Integrating widgets with GA
- How to Set up Informers for Your Site
- Creating Pop-ups via Google Tag Manager or WordPress
- How to Set Up Floating Box Widget for Your Website
- Creating a Widget Launcher
- How to Set Up Age Gate Widget for Your Website
- How to Set Up Double Opt-In
- How to Set Up an Automated Birthday Campaign
- Launching a Workflow After a Contact Import
- How to Create a Welcome Email Series
- How to Set Up Notifications for Trigger Control
- How to add scenario to the button
- Workflow Troubleshooting
- How to Automate Customer Reactivation
- How to Launch a Regular Workflow for a Segment
How to Set Up Web Pushes for Safari
Safari Push Notifications are triggered remotely using Apple Push Notification service (APNs), even when the Safari browser isn’t running. Web pushes work just like app push notifications.To set up web pushes for Safari, you need to have an Apple account
and a developer account (paid).
Step1. Registration of Web Push ID
1. In your developer account go to Website Push IDs and add a new Push ID.
2. Fill in Description and ID fields, and click Continue.
- Description. Your service name for the Provisioning Portal which labels your Website Push IDs with a more human-readable description.
- Identifier. Your unique reverse-domain string that must start with web (for example, web.com.example.domain).
3. Click Register to confirm registration.
4. Click Done.
Once you've confirmed registration, the new ID will appear on the Web Push IDs list.
Note. Your certificate may be revoked by Apple if you violate any of the push notification service rules and provisions. Thus, you’ll be unable to send new notifications. In case of unauthorized violation, you can personally revoke your certificate at your developer account > Certificates > Identifiers & Profiles.
Step 2. Certificate Request in Keychain Access for MacOS
1. Open Keychain Access. It's standard for all Apple devices. In the menu, choose Certificate Assistant > Request a Certificate From a Certificate Authority.
2. Fill in the User's Email Address and Common Name fields, and select Saved to disk.
3. Click Save.
Step 3. Certificate Generation
1. In your developer account, go to iOS Certificates and click “+”.
2. Choose Website Push ID Certificate.
3. Select the Website Push ID you’ve created.
2. Click Continue.
3. Upload the file generated via Keychain Access.
4. Download the certificate.
Step 4. Certificate .p12 Export
1. Double-click the downloaded file. In opened Keychain Access, go to My Certificates and select the necessary certificate.
2. Right click the certificate accordion and select Export. In File Format, select Personal Information Exchange format (.p12).
3. In the file generation window, you can add an additional password to the.p12 certificate file.
You can leave these fields blank and click OK. Next, click Allow and enter your Mac password to export the certificate to your computer.
Step 5. .p8 Certificate Download
The .p8 extension is a text file with keys that are used to execute JWT content for APNs messages.
1. In your developer account, go to Keys > All.
2. Click “+.”
3. Select Apple Push Notifications Service (APNs).
4. Check the information to confirm key configuration.
5. Download the .p8 certificate.
How to Set Up Safari Web Pushes in our CDP
1. In your personal account, go to Settings > Web Push.
2. If you add Safari to the existing website, select it from the list (1). If you don't have a website, click Add website (2).
For a new website, fill in all the fields. If the site already exists, fill out For Safari.
3. In the section For Safari, upload files .p8 and p.12.
4. Leave the Key file password field empty if you didn't create a password for it.
5. In the Key ID field, insert the corresponding ID from your developer account > Keys > All.
Note. Safari icons should be not less 256x256px, JPEG, PNG, up to 200KB. Images should be square. Unlike other browsers, the icon for Safari is installed once and cannot be changed. If you change the icon, old subscribers will receive notifications with the old image, and new ones with the new one.
Once you’ve saved all the settings, enter your website in Safari and see a web push permission prompt.