{"id":3038,"date":"2018-04-13T13:24:34","date_gmt":"2018-04-13T11:24:34","guid":{"rendered":"https:\/\/toshl.com\/blog\/?p=3038"},"modified":"2018-05-18T13:04:00","modified_gmt":"2018-05-18T11:04:00","slug":"how-to-track-expenses-incomes-and-transfers-web-app","status":"publish","type":"post","link":"https:\/\/toshl.com\/blog\/how-to-track-expenses-incomes-and-transfers-web-app\/","title":{"rendered":"How to Add and Track Expenses, Incomes and Transfers (Web App)"},"content":{"rendered":"

Effectively managing your personal finances begins by keeping a good overview over your financial flows. That is why adding incomes and expenses\u00a0into your Toshl app was made simple. We surely wouldn\u2019t want you to be wasting your time, that’s something even money can’t buy.<\/p>\n

This tutorial is for adding entries to financial accounts that you track manually. If you use connected financial accounts with Toshl Medici<\/a>, the entries will fly in automatically as they show up on your bank \/ financial service.<\/em><\/p>\n

 <\/p>\n

For a basic expense all you need to do is:\u00a0enter the amount<\/strong>, select a category<\/strong> and click Save<\/strong>. All done.<\/p>\n

Toshl also enables you to add richer data, automate the entries or get reminded about them. There are quite a few useful tricks along the way. Let\u2019s take a more detailed look on how to add incomes and expenses in the Toshl web app.<\/p>\n

 <\/p>\n

 <\/p>\n

1. Add a new expense or income<\/h3>\n

Both options are located in the menu on the left side of the screen. Navigate to either one and click the large “+<\/strong>” button in the bottom right corner for a new entry; a red one for expenses and a green one for incomes.<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

Remember, after selecting either the income or expense, both follow the same steps and include the same options. Here, we will present an example for entering a new expense.<\/p>\n

 <\/p>\n

 <\/p>\n

2. Adding an expense<\/h3>\n

2.1 The amount<\/strong><\/h4>\n

Click the “+<\/strong>” button in the bottom right corner and a new window will pop up. You can then enter the amount of the expense.<\/p>\n

\"\"<\/a><\/p>\n

Use a decimal<\/strong> separator when necessary.\u00a0Decimal separator is either a point or a comma. You can use either. Which one is used primarily in the forms and with the display of sums in Toshl depends on your regional formatting setting. Check the Regional Settings guide<\/a> for more details.<\/p>\n

 <\/p>\n

Make sure to use the correct currency<\/strong>. Clicking the currency symbol, for example the $ or \u20ac sign\u201a will open a menu with all the currencies available in Toshl<\/a>. Whichever currency you used when saving the last expense will remain the default currency until you change it back.<\/p>\n

 <\/p>\n

It is possible to quickly switch between adding an income, expense or a transfer between accounts by using the shortcut on the top edge of the window. Simply select the option you need.
\n<\/a><\/p>\n

\"\"<\/a><\/h5>\n

 <\/p>\n

2.2 Categories<\/h4>\n

Click in the Category field to display and select one of the categories.\u00a0Assigning a category is required for every entry.<\/p>\n

\"\"<\/a><\/p>\n

While preset categories cover most types of expenses and incomes, you can always add your own and edit them according to your needs. Simply type in the title of your new category and\u00a0confirm it by pressing Enter.<\/p>\n

This new category will be stored after saving this entry and can be used with your future entries. Begin typing its name into the category window and it will be brought up automatically. This works for tags as well.<\/p>\n

For further information check the Edit Categories and Tags guide<\/a>.<\/p>\n

 <\/p>\n

At this point, you can already save your expense<\/strong> since all the required information – the amount, category, account and date – has already been entered or pre-set. You can also add additional details to your entry.<\/p>\n

 <\/p>\n

2.3 Tags<\/h4>\n

You also have an option to assign multiple tags to your entry. Use a tag like\u00a0\u201cgroceries\u201d<\/em>, \u201crestaurant\u201d<\/em>, \u201cparking\u201d<\/em> and others to add further details to your entry.<\/p>\n

Just like with categories, you can always add your own tag by typing it into the window and confirming the input with the Enter key. Unlike the categories which are limited to one per entry, multiple tags can be assigned to each income or expense.\u00a0\"\"<\/a><\/p>\n

Once a category is selected, the tags are sorted automatically based on your category selection. Tags that were sorted into the category you selected will be displayed first, followed by all the rest. You can still use any tag with any category, but this will make it easier to find the correct one.<\/p>\n

The second sorting criteria is your frequency of use – most commonly used tags will eventually be brought up to the front of the list.<\/p>\n

You can modify and manually assign tags to specific categories at any time. Consult the\u00a0Edit Categories and Tags guide<\/a> for more details.<\/p>\n

 <\/p>\n

2.4 Accounts<\/h4>\n

This option is displayed only if you use more than one financial account<\/a>. In that case you will be given the option to specify an account for your expense.\"\"<\/a><\/p>\n

When you sign up with Toshl, a Cash account is added automatically, but you can always add more. Check\u00a0your accounts by clicking the \u201cAccounts\u201d button on the top right in the web app, or read more about\u00a0adding financial accounts<\/a>.<\/p>\n

\"\"<\/a>\u00a0<\/strong><\/p>\n

2.5 Date<\/h4>\n

The date of the expense is automatically set to the present day when viewing the current month.\u00a0You can of course change it by clicking on the set date and selecting a different one from the calendar.\u00a0Any entries set in the future will be grouped as “planned” and displayed on top of the expense list.<\/p>\n

\"\"<\/a><\/p>\n

Clicking on a month label brings up a quicker month selection.<\/p>\n

\"\"<\/a><\/p>\n

Clicking on the year label displays a quicker year selection.<\/p>\n

\"\"<\/a><\/p>\n

The date format can be adjusted in Settings, under the General<\/a> tab. Check the Regional Settings tutorial<\/a> for more information.<\/p>\n

It is not possible to set the date picker to display Sunday as the first day of the week, it will always start on Monday.<\/p>\n

 <\/p>\n

 <\/p>\n

3. Advanced options<\/h3>\n

Clicking the “Show more” bar on the bottom of the entry window displays the options for additional information and automation:<\/p>\n