# How to add low-code snippets to your card on Investec Online

If you're not confident with coding yet, there are 3 different card code snippets to choose from, which can be added to your programmable card at the click of a button.&#x20;

1. Navigate to the Investec Developer homepage by clicking on **“Manage”**, followed by **“Investec Developer”**.&#x20;

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2FPVbl49zk1wbkwR3KUyH1%2FStep%201%20.png?alt=media&#x26;token=1b74a0f9-747e-4d1b-a191-373a1a573398" alt=""><figcaption></figcaption></figure>

2. Click on **"View code"** on the Low code quickstart tile.

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2Fm4EgrvW4ivATe4alNUZF%2FScreenshot%202024-12-09%20152151.png?alt=media&#x26;token=5a145497-3db9-439c-962e-4685b02a92d6" alt=""><figcaption></figcaption></figure>

3. There are 3 different card code snippets from which to choose:&#x20;

   1. **Update transaction limit :** Modify the per-transaction limit on your card
   2. **Limit your card to a specific merchant:** Restrict your card transactions to specific merchants (ie. only Woolworths)
   3. **Limit transactions to specific merchant categories:** Restrict your card transactions to specific merchant categories (ie. only petrol service stations).&#x20;

   The steps are the same for each code snippet. For the purpose of this guide, we'll use the "Update transaction limit" code snippet. **Click on the tile.**

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2F0fjHX6jzkglFaGADddFf%2FScreenshot%202024-12-09%20152406%20(1).png?alt=media&#x26;token=3b6f9c4b-f9e2-400d-b58a-3ee2d2cc3fb7" alt=""><figcaption></figcaption></figure>

3. You will be taken to the programmable card screen. Ensure your card is enabled by toggling the button. **Click on the card to view the code snippet.**&#x20;

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2F71cC5H5xhmx451MBUZzF%2FScreenshot%202024-12-09%20152759.png?alt=media&#x26;token=273d04a7-1f80-453a-9b02-4046e1635ae9" alt=""><figcaption></figcaption></figure>

5. An explanation of the code snippet is provided in the next screen.

* The code in the **main.js file** will be updated automatically and doesn't require any edits.
* The code in the **env.json file** requires that you set the limit for the transaction limit.&#x20;

Following this, you have the option to:

1. **Publish the code**
2. Make additional edits in the IDE.

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2F4KR3zMcG1bT12sIBQ16f%2FScreenshot%202024-12-09%20153020.png?alt=media&#x26;token=2617d65d-b929-4d46-8feb-cb018f309bf7" alt=""><figcaption></figcaption></figure>

6. Once you click **"Publish"** , you will be asked if you are sure you want to publish the code. It will overwrite the code currently on the card.&#x20;

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2FOPUilbYJDxblhxqPHTN1%2FScreenshot%202024-12-09%20153508%20(1).png?alt=media&#x26;token=f16437a2-5934-4241-93da-60440492e060" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1041073753-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvM15O0U8oNHeEpNUrGSS%2Fuploads%2FbKi2keWNGZrNyJGb861r%2FScreenshot%202024-12-09%20153527.png?alt=media&#x26;token=9f55d263-892e-476f-a48d-b4b712c40229" alt=""><figcaption></figcaption></figure>
