# Frameworks > Where the two lines go in Next.js, Nuxt, React, Vue, Angular, WordPress, Tilda and Bitrix. Every stack uses the same two lines ([Install on a site](https://tolkly.io/docs/en/install.md)). Add the script once and the element once, in the layout all pages share. Replace `your-project` with the project's id. ## Plain HTML Add the lines before `` on every page, or in the template that builds them: ```html ``` Other server templates work the same way: Laravel's Blade layout, Django's `base.html`, Rails' `application.html.erb`. Put the lines before `` of the base layout. ## Next.js (App Router) The root layout stays mounted when the visitor navigates. Put the chat there: ```tsx // app/layout.tsx import Script from 'next/script' import type { ReactNode } from 'react' export default function RootLayout({ children }: { children: ReactNode }) { return ( {children} '; echo ''; }); ``` No access to theme files? Any plugin that adds custom code before `` on every page will do. Then clear the page cache, if the site has one. ## Tilda Add both lines to an HTML code block (T123). Put the block in a footer that every page uses, or on each page where the chat should show. Then publish the pages again. ## 1C-Bitrix Add the lines just before `` in the site template's `footer.php`. It is at `/local/templates/