> 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/dev/embed-babelshark-script.md).

# Embed BabelShark script

BabelShark requires a "code snippet", a single .js script to be embedded into your page:

<figure><img src="/files/APLjy2Qrl2GCReZVhh9e" alt=""><figcaption><p>Add this code to your HTML, to &#x3C;head> preferably</p></figcaption></figure>

Read more about configuration object at [API Reference page](/dev/api-reference/babelshark-config.md).

### Language dropdown

You probably also want a language-selection dropdown somewhere on the page (you can use API to switch languages but built-in dropdown is a good start):

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

This snippet should be added exactly where you want a language dropdown to reside. BabelShark.js will turn this snippet to a language flag button and a dropdown:

<figure><img src="/files/kHoovGHJzbMgS1DPzJat" alt="" width="375"><figcaption></figcaption></figure>

Read about language widget configuration in [API Reference](/dev/api-reference/language-drop-down-specs.md).