> For the complete documentation index, see [llms.txt](https://docs.babelshark.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.babelshark.net/babelshark-basics/code-snippets.md).

# Code snippets

The main code snippet to enable BabelShark translation is available at your project page:

<figure><img src="/files/qOaLki59UpFVHu3q4zB2" alt=""><figcaption></figcaption></figure>

Adding this code snippet initiates the loading of BabelShark code, its API and project settings. If current user has a translation language selected, the project will seamlessly switch to that language.

## Language drop-down

If you want to display a built-in language selection drop-down, add `.bs-activator` element to the required position:

```html
<span class="bs-activator" data-drop="auto"></span>
```

This will render a language selector:

<figure><img src="/files/V5sr6dJo7SMmEQ93rypB" alt=""><figcaption></figcaption></figure>

[Read more](/dev/api-reference/language-drop-down-specs.md) about language drop-down configuration and parameters.