> For the complete documentation index, see [llms.txt](https://investec.gitbook.io/programmable-banking-community-wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://investec.gitbook.io/programmable-banking-community-wiki/get-started/card-quick-start-guide/how-to-add-low-code-snippets-to-your-card-on-investec-online.md).

# 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="/files/GQ8DRObJF0xOWkO7jwmv" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/PUdWfaMJn6fV303L5QvC" 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="/files/lbQiI1Jvr3Xbs3ZV9AMS" 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="/files/YkJpBXajoZqSJRVyLZw1" 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="/files/JZQDAtPGa3goMf3SyTsl" 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="/files/0bCI96Ta99UrWNa1mk3A" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/5g2a03d4PCuxTjOfhRYa" alt=""><figcaption></figcaption></figure>
