How do I set up Web Push Notifications?

In this article, we will walk through the steps to set up Web Push Notifications in your AWeber account.

Web Push Notifications allow you to send timely updates to your website visitors who have opted-in to receive them. You can use these notifications to promote a specific article or blog post, or alert visitors about new products and sales. They can ultimately help boost engagement with your site.

Step By Step Instructions

  1. First, click the "Web Push" tab in the control panel.

    Web Push tab

  2. Then, click the "Get Started" button.

    Get Started button

Website URL and Logo

  1. Enter your website URL in the "Website URL" section. If you have a website in your “List Settings,” we will add this for you automatically, but you can change it if you would like.

    Wbesite URL section

    Note: we can only support secure websites which begin with HTTPS.

  2. Next, you can add an image for your website. This image will be used as a fallback for your “Opt-In Prompt” and Web Push Notification messages, but you can change this later if you would like. If you already have a logo added in “List Settings," we will load it here by default. Click "Browse for File" to select an image from your device.

    Click Browser for File

    Or, you can upload an image from AWeber's image gallery by clicking "Image Gallery." Images need to be either a JPG, PNG, or GIF (not animated) file type and can be up to 1.5 MB in size. The recommended height and width for the image is at least 192 px by 192 px.

    Click Image Gallery

  3. Once complete, click "Save."

    Click Save

Add Snippet to Your Website

  1. After you add your website and image, we will generate a unique snippet for that website. Click the clipboard icon to copy the code and paste it into your website before the closing </body> tag.

    Copy snippet

  2. Click the “Verify” button to make sure the code is installed correctly.

    Click Verify

Add Setup File to Your Website

  1. Each website that you save will also have a setup file that you need to install. Click "Download Setup Files" to download the setup files. Then, Unzip the file and upload them to the "root directory" of your website. 

    Download set up files

    Note: the root directory of your website contains all of the directories and files of your site. This is essentially how everything on your site is displayed when someone visits the page. How you access this directory depends on your web host, like cPanel, HostGator, GoDaddy, etc. You can mostly likely access this from within your web host application. For specific instructions, you can contact your web host's support team.

  2. Click the “Verify” button to make sure the setup files are installed correctly.

    Click Verify

And that's it! You've successfully installed Web Push Notifications on your website. Now, you can create a notification and push it through to visitors who have opted-in.

Have more questions? Submit a request
Powered by Zendesk