# ThoughtSpot Embedding fundamentals

> For the complete documentation index, see [llms.txt](https://developers.thoughtspot.com/docs/llms.txt)

Source: https://developers.thoughtspot.com/docs/tutorials/tse-fundamentals/intro

# ThoughtSpot Embedding fundamentals

Welcome to the ThoughtSpot Embedded tutorial! This tutorial provides step-by-step instructions and general information about ThoughtSpot Embedding capabilities. Each section is broken down into a concrete topic along with instructions on the steps to follow and code examples to let you work on the steps yourself.

## Requirements

This course was created using version 9.10.0.cl. Features are regularly updated, so if you are using a more recent version, then things may have changed. To use some features, your ThoughtSpot instance should be on a more recent release version.

## Resources

For this tutorial, you will need the following:

-   A modern browser.  
    Google Chrome is recommended, but not required. All examples in this tutorial use Chrome.
    
-   Access to a ThoughtSpot instance with ThoughtSpot Embedded enabled.  
    If you don’t have an account, you can create a [trial account](https://thoughtspot.com/trial?tsref=dev=stepbystep).
    
-   A code editor for editing the Javascript code.  
    The examples in this tutorial use [Visual Studio Code](https://code.visualstudio.com/), a free editor that works on many operating systems.
    
-   A web server that will host static web content (.html, .css, .js files). The examples in this tutorial use the Live Server plug-in for Visual Studio Code.
    
-   A basic understanding of ThoughtSpot.  
    This can be obtained by taking introductory courses. For information about the courses you can take to learn the basics, see the [ThoughtSpot Training site](https://training.thoughtspot.com/) for courses.
    

Ideally, you will have some experience with HTML and Javascript, but it’s not required.

## Lessons

This tutorial is split into smaller lessons, with specific objectives for each section.

 
| Lesson | Contents |
| --- | --- |
| 
[1 - Overview of ThoughtSpot Embedded]({{navprefix}}/{{tse-fundamentals-lesson-01}})

 | 

Learn about ThoughtSpot Embedded and why you should use it.

 |
| 

[2 - Setting up for the course]({{navprefix}}/{{tse-fundamentals-lesson-02}})

 | 

Learn how to set up your environment and get started with coding. In this lesson, You’ll download the code, and review the resources and tools.

 |
| 

[3 - Security Setting]({{navprefix}}/{{tse-fundamentals-lesson-03}})

 | 

Learn about the security settings and considerations for embedding.

 |
| 

[4 - Start Coding]({{navprefix}}/{{tse-fundamentals-lesson-04}})

 | 

Start coding. In this lesson, we’ll set up the starter code, review the files we’re working with, and start the web server to verify everything is working.

 |
| 

[5 - Embed Search]({{navprefix}}/{{tse-fundamentals-lesson-05}})

 | 

Add code to initialize the SDK and embed a Search component.

 |
| 

[6 - Embed Natural Language Search]({{navprefix}}/{{tse-fundamentals-lesson-06}})

 | 

Learn how to embed Natural Language Search experience.

 |
| 

[7 - Embed Liveboard]({{navprefix}}/{{tse-fundamentals-lesson-07}})

 | 

Learn how to embed a Liveboard.

 |
| 

[8 - Embed Liveboard Visualization]({{navprefix}}/{{tse-fundamentals-lesson-08}})

 | 

Learn how to embed a Liveboard visualization.

 |
| 

[9 - Embed Application]({{navprefix}}/{{tse-fundamentals-lesson-09}})

 | 

Learn how to embed the full ThoughtSpot application.

 |
| 

[10 - Styling ThoughtSpot]({{navprefix}}/{{tse-fundamentals-lesson-10}})

 | 

Explore styling options when embedding ThoughtSpot into your application.

 |
| 

[11 - Summary and Next Steps]({{navprefix}}/{{tse-fundamentals-lesson-11}})

 | 

Wrap up the course with a few miscellaneous topics and next steps.

 |

[Next →]({{navprefix}}/tutorials/tse-fundamentals/lesson-01)