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
- First, click the "Web Push" tab in the control panel.
- Then, click the "Get Started" button.
Website URL and Logo
- 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.
Note: we can only support secure websites which begin with HTTPS.
- 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.
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.
- Once complete, click "Save."
Add Snippet to Your Website
- 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.
- Click the “Verify” button to make sure the code is installed correctly.
Add Setup File to Your Website
- 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.
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.
- Click the “Verify” button to make sure the setup files are installed correctly.
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.