**AI Hub > (AI Recommendations) Models > Add recommendation**.
2. Enter the name of the recommendation (it is only visible on the list of recommendations).
3. In the **Type & Items feed** section, click **Define**.
4. From the **Items feed** dropdown list, select a product feed that has a trained model.
5. Select the **Personalized** recommendation type.
6. Confirm the recommendation type by clicking **Apply**.
7. In the **Items** section, click **Define**.
8. Click **Add slot**.
9. Click the **Unnamed slot** that was created.
10. Set the minimum and maximum number of products displayed in the frame to 1.
11. Optionally, you can use filters to include specific items in the recommendation frame.
12. Confirm the configuration by clicking **Apply**.
13. Optionally, you can define the settings in the **Boosting** and **Additional settings** sections.
**Experience Hub > Web Push > Templates > New template**.
2. Enter the name of the template.
3. In the **Title** field, define the title you want to display in the web push.
4. In the **Message** field, define the copy you want to appear in the web push. In our case it will be an insert with product title:
`{{ event.params.title }}`
5. In the **Destination URL** field, define the link you want to redirect your customers by clicking the web push notification. In our case, it will be link to the homepage: `https://demoshop.synerise.com/` (clicking the web push will redirect to homepage, action buttons will redirect to more specific pages).
6. In the **Icon URL** field, define the icon you want to display in the web push.
1. To get the URL of the icon, go to 
**Data Modeling Hub > Files**.
2. Find the icon on the list.
3. Hover the mouse cursor over the icon on the list.
4. Click **Copy URL**.
5. Paste the URL in the **Icon** field.
7. In the **Image URL** field, define the image you want to display in the web push. In our case it will be an insert with product image: `{{ event.params.imageLink }}`
1. To get the URL of the image, go to **Data Modeling Hub > Files**.
2. Find the image on the list.
3. Hover the mouse cursor over the image on the list.
4. Click **Copy URL**.
5. Paste the URL in the **Image** field.
8. Select **Action button** and to add two buttons to your web push template by clicking **Add item** twice. In the button's settings:
1. The first button link to product card. In the **URL** field, paste the following insert: `{{ event.params.link }}` and in the **Button Label** field, enter the text on the first button.
2. The second button links to a listing of product recommendations. In **URL** field, paste the link to the listing. In our case, it's `https://demoshop.synerise.com/product-personalized-listing` and in the **Button Label** field, enter the text on the second button.
{% recommendations3 campaignId=nBzlR4BQtyvD %}
{% set item = recommended_products3[0] %}
{
"label": "Webpush recommendation",
"client": {
"id": {{ customer.id }}
},
"action": "webpush.recommendation",
"params": {
"title": "{{ item.title }}",
"imageLink": "{{ item.imageLink }}",
"link": "{{ item.link }}"
}
}
{% endrecommendations3 %}
