---
title: "Using the token browser"
date: "2017-11-13T07:46:23+00:00"
summary: "Discover how to use Site Studio's Token browser for effortless field data insertion. Learn to navigate the visual interface, insert tokens, and enhance your Drupal site's dynamic content capabilities."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/using-token-browser"
id: "e54ad188-02b4-44bd-a648-55bcb658e2a8"
---

Site Studio uses the Token browser module to provide you with a visual way of finding and inserting tokens into your fields to render field data.

![76799cef-Token-browser.png](https://acquia.widen.net/content/8e064e32-4400-4fed-bc87-447e08069ba2/web/76799cef-Token-browser.png)

Inserting tokens into fields
----------------------------

To insert a tokens into fields:

1.  Click the **plus icon button** to switch all fields within the element to variable mode. Variable mode allows you to enter tokens into any field widget type.
2.  Click the **search icon button** to open the token browser.  
      
    
    ![cbf31c19-toggle-variable-mode-open-token-browser.gif](https://acquia.widen.net/content/453bab43-a2f9-4989-895d-5e75fc670bb0/web/cbf31c19-toggle-variable-mode-open-token-browser.gif?animate=true)
    
      
     
3.  Click within the **field** you want to add the token to
4.  Click on the **token link** to insert it within the field.  
      
    
    ![42913763-insert-token-into-template-element.gif](https://acquia.widen.net/content/0649e495-1ab1-4dad-8345-7007ae49b4ab/web/42913763-insert-token-into-template-element.gif?animate=true)