Web Push for HTTPS Websites

The sw.js file

This setup guide is for HTTPS only websites. Please make sure that your website URL starts with https://

Step 1: Download the sw.js File

Click on the link to download the sw.js file. Make sure to save it to a location on your computer where you can easily find it later, such as your Downloads folder or a specific project directory.

Step 2: Upload the sw.js File to the Root Directory of Your Website

Log in to your website’s hosting account or access your server via FTP/SFTP or a file manager provided by your hosting service. Once you have access to your website’s files, locate the root directory of your website. The root directory is typically the main folder where your website’s core files are stored, often named public_html, www, or similar.

Use the upload feature in your file manager or drag and drop the sw.js file from your local machine into the root directory of your website. Confirm that the file has been successfully uploaded and appears in the directory.

Step 3: Insert the Provided Code into Your Website

Carefully copy the entire code snippet that you’ve been provided. Ensure that there are no extra spaces or missing characters. Paste the copied code into the chosen file at the correct location. If the instructions specify where to place the code, follow those directions closely. For example, it might be inserted just before the closing </body> tag.

After pasting the code, save the changes to the file. If you’re editing files directly on the server, this may happen automatically. If you’re editing locally, ensure you upload the modified file back to the server, replacing the old version.

Once the code is added and the files are saved, visit your website in a browser to ensure that everything is working as expected. Clear your browser cache if necessary to see the changes.

The manifest.json (iOS/iPadOS Configuration)

First, ensure that you have completed all the required fields below to generate the Manifest.json file. You can follow this guide to know the information that you need to config your manifest.json file.

Upload the manifest.json to the Root Directory of Your Website like these steps above. Clear your browser cache if necessary to see the changes.