# Adding a Client-Side Provider

Adding a client-side provider is quite simple on Magic Pixel. All you have to do is,&#x20;

1. Click on the "Add Provider" button on the right top of the page, and then select the "**For** **Browser**" option to add a provider on the server-side&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2Fx8KFESpIAb6dag4Jm9fW%2Fadd%20provider.png?alt=media&#x26;token=433f50db-a1ec-4814-8632-f22644bbbf7f" alt=""><figcaption></figcaption></figure>

1. Then **choose the provider template** as per your requirement from the list of pre-built templates added and maintained by Magic Pixel. All of these templates will be automatically updated by whenever there is an update in of any these providers.&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2FwVhEVMEyEgs1IVAaXmbH%2FScreenshot%202022-08-28%20at%2020.54.06.png?alt=media&#x26;token=7f52d996-0d18-4610-95cd-36a9e1786f62" alt=""><figcaption><p>Provider Templates for Client-Side Providers</p></figcaption></figure>

2\. After a selecting a provider template of choice, you will be redirected to the provider's page where you can see all the provider details along with its pre-set provider URL. You can always **add a provider description** as well.&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2FGTzPUpXNL4eOHl6ftpw0%2Fclient%20side%20provider%20details.png?alt=media&#x26;token=7397db82-6175-4882-bb89-e76881345013" alt=""><figcaption></figcaption></figure>

3\. Then in the provider script section, you can call any relevant function as per the mandatory provider attribute like an init function send the account ID, or a var statement, etc.&#x20;

<div><figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2Fol72WK9RA73tgxEtAxFk%2FScreenshot%202022-08-28%20at%2021.22.17.png?alt=media&#x26;token=cac7af6a-979b-4521-88c3-a29357e381aa" alt=""><figcaption></figcaption></figure> <figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2F7djkFmLUtHt8xsDnu4k6%2FScreenshot%202022-10-30%20at%2001.05.38.png?alt=media&#x26;token=fcbe6eba-8c9a-45ed-9dfd-2cc5b93da68e" alt=""><figcaption></figcaption></figure></div>

4\. After these basic details, you can save them and the provider will be added. This new provider will default be added to the staging environment with the status "Pending Publish", which later needs to be moved to the production environment manually&#x20;

5\. Once the provider is added you can directly link it to a tag by clicking on "Add a tag", which will redirect you to a new tag page. To know more about adding a new tag read [adding-a-tag](https://docs.magicpixel.io/documentation-new/tags/adding-a-tag "mention")
