# Webpush Template

## Overview

Web push notifications are very useful for the purpose of communicating and engaging with your visitors. You can design compelling web push notification templates using the Marketing Engine.

## Create a Webpush Template

To create a webpush template, complete the following steps:

1. Click *Templates*
2. Click the *Webpush Templates* tab
3. Click *Create Template* 

   <figure><img src="https://167344003-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxN9AGLZMIc5C8dx3zU7%2Fuploads%2FN7xRDBpgST07eNiwBjeq%2Fimage.png?alt=media&#x26;token=e5a92856-857e-46ae-9de1-7a0d44d12de0" alt=""><figcaption></figcaption></figure>
4. Add the following:
   1. Template Name
   2. Title for your web push notification (character limit 30)
   3. Body Text (character limit 126)
   4. Destination URL
   5. Upload an Icon Image and/or Body Image (or select one from your library)
   6. CTA Button (Up to 2 buttons)
      1. CTA Text and CTA URL
   7. Auto Hide Notifications for set time period (optional)
   8. Expire Notification Automatically (optional)&#x20;

      <figure><img src="https://167344003-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxN9AGLZMIc5C8dx3zU7%2Fuploads%2FhPMte2QxnG2JQu7wcQfQ%2Fimage.png?alt=media&#x26;token=684f089f-89fe-4f78-a58a-344e713044e9" alt=""><figcaption></figcaption></figure>
5. Click *Save*&#x20;

   <figure><img src="https://167344003-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxN9AGLZMIc5C8dx3zU7%2Fuploads%2Fj3Zh0XJWBFYXf3zY6X2c%2Fimage.png?alt=media&#x26;token=81858d76-afcf-4876-b423-a0111804f2fb" alt=""><figcaption></figcaption></figure>
6. Preview of the web push notification to ensure accuracy