---
title: Web Template for Instagram
slug: docs/web-template-for-instagram
docTags: 
createdAt: 2024-07-09T06:43:06.683Z
---

# Introduction

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/NEn5KbCgFNfkjGtzuIF9K_screenshot-2024-07-10-at-124929-pm.png)

The Instagram Web template is built on DSN's image and banner components. It allows users to modify offer images according to different brands and customers, redirecting them to DSN's actual web project when they click on offer images.

This will help users carry out the demo smoothly without leaving the DSN space. To give the custom demos more power, we added a personalization feature to incorporate the relevant storyline persona.

## Prerequisite

One should be ready to offer brand images according to the look and feel of the Instagram platform. They need to upload their images on web templates, and the CTA link should be added under the banner/image component of the offer for any redirection to the actual web project.

## Personalization

Currently, the Instagram web template offers only **name**, and **Insta handle** personalization. To change personalization according to your demo persona, please check the execution steps.

## Execution Steps

1. Go to the [DSN Projects](https://dsn.adobe.com/projects) and click on new project.
2. Select **Social Websites** > **Instagram**
3. Please provide a project name and DR for the opportunity.
4. Go to the **created project** and select the primary screen and open in** edit mode**.
5. Select the **offer image** you want to change, **drag** your offer image inside the upload component, and add an **external link** to the actual DSN web project.
6. **Personalization** - Go and click on **the profile image** component and you will see a parameter **name **in the image URL change the **parameter value** as per your demo storyline persona.
7. Similarly following the above step you can edit the **instaid parameter value** on the profile Image URL.

## Notes

1. Templates are only for redirection from offers and cannot be used for standalone web projects. Therefore, the profile viewer is not activated. 
2. [Click here](https://adobe.sharepoint.com/\:v:/s/Campaignpod/EQleiEQFIWtEjzMesuRc9pQBYXJR5fJKnQUYbTRQHZMfCw?e=TjUWiA) for a how-to video.