Custom Variables

Custom Variables are pieces of code that have specific values, like a programming variable. By creating a Custom Variable, you can apply it to multiple areas on your site. An example of Custom Variable structure is {{config path="web/unsecure/base_url"}}. This variable shows the URL of the store.

Now let's create a Custom Variable to see how it works:

1. Open your favorite browser and access the admin area, http://localhost/packt/admin_packt.
2. Navigate to System | Custom Variables.
3. Click on the Add New Variable button.
4. In the Variable Code field, enter the variable in lowercase and with no spaces, for example, dev_name.
5. Enter Variable Name, which explains the variable's purpose.
6. Enter the Variable HTML Value and Variable Plain Value of the Custom Variable and save it.
   

Now we have a custom variable that stores the developer's name. Let's use this variable inside the CMS About Us page:

1. In the admin area, navigate to Content | Pages.
2. Click to edit the About Us item.
3. Click on the Content side menu.
4. Click on the Show / Hide Editor button to hide the HTML editor.
5. Put the following code at the end of the content, {{CustomVar code="dev_name"}}, and save the content.

Let's check the result: