--- title: Codes and widgets: custom CSS and scripts description: How to add custom CSS, code to the head and body (counters, chats, pixels), restrictions and security. section: account keywords: Custom CSS, head code, body code, counter, Google Analytics, pixel, chat widget updated: 2026-09-16 --- The "Codes and Widgets" section in Settings allows you to insert your own code into your website: counters, advertising pixels, chat widgets, cookie banners, as well as your own CSS for fine-tuning the appearance. ![Codes and Widgets block](/wiki/img/settings-code.webp "Code in the head and at the end of the body") ## Code in the head and body - **Head code** — inserted into `` of each website page. For Google Analytics, Meta Pixel, and verification meta tags. - **The code at the end of the body** is inserted before ``. For chat widgets, cookie banners, and scripts that require a loaded page. Paste the entire code as provided by the service and click "Save." The character limit is 20,000 characters per field. The code only works on the public website, not in your account. Examples: - Google Analytics 4 - `gtag.js` fragment in head. - Meta Pixel is a fragment of a pixel in the head. - Chat widget (Tawk, Crisp, JivoChat) - script in body. - Verifying Google/Bing/Yandex rights is more convenient through the SEO block → “Verification of rights”. ## Custom CSS Custom CSS is added via the AI assistant or the connected AI chat: "Add CSS: make buttons completely round." The assistant checks the code and applies it to the site. For precise customization, use site element attributes, such as `[data-asd="card"]` for the card, `[data-asd="header"]` for the header, and `[data-asd="block-hero"]` for the hero block. The assistant will suggest a list. Your CSS is stored separately from the CSS style from the catalog: when you change the style, your edits are preserved. ## Limitations and safety - In your CSS, the `