# Add custom code to your shop and landing pages > Want to add a tracking script, custom CSS, or HTML to your shop or landing pages? Source: https://tentary.com/en/help/add-custom-code/ Last updated: 2026-03-20 --- Want to add a tracking script, custom CSS, or HTML to your shop or landing pages? Tentary offers several ways to insert custom code: globally for your entire shop, per landing page, or as a visible element on a landing page. This article explains how and where to add custom code. ## Requirement: Custom domain For security reasons, custom code is only executed if you use a custom domain. If you use a free Tentary subdomain, the code will not be inserted. This applies to shop code, landing page code, and the Custom Code element equally. ## Add custom code to your shop The shop code feature lets you insert JavaScript, CSS, or HTML across all pages of your shop. This is ideal for tracking scripts (e.g. Google Analytics, Matomo), chat widgets, or custom styles. 1. Go to the navigation item [**Online Store** > **Code**](https://app.tentary.com/shop/custom-code). 2. You'll see two sections: - **Header**: This code is added at the end of the `` tag. Use this for tracking scripts, meta tags, or CSS styles. - **Footer**: This code is added at the end of the `` tag. Use this for JavaScript scripts or chat widgets. 3. Paste your code into the appropriate field. 4. Optional: Enable the checkbox **Also insert in all landing pages** if the code should also load on your landing pages. 5. Click **Save**. ## Add custom code to a landing page In addition to the global shop code, you can add custom code in the header and footer of each individual landing page. This is useful when you only need code on a specific page, e.g. a conversion tracking pixel. 1. Go to [**Landing Pages**](https://app.tentary.com/landingpages) and open the desired landing page in the editor. 2. Click the gear icon in the top right to open the page settings. 3. Scroll to the **Custom code** section. 4. You'll see the same two fields as in the shop: - **Header**: added at the end of the `` tag - **Footer**: added at the end of the `` tag 5. Paste your code and save the landing page. ## Use the Custom Code element on a landing page The [landing page builder](https://app.tentary.com/landingpages) also includes a **Custom Code** element. Unlike header/footer code, this element is displayed directly on the page at the position you choose. It's great for embedded widgets, third-party forms, or custom HTML blocks. 1. Open the landing page in the editor. 2. Click on **+ Add Element** 3. Select the **Custom Code** element from the category **Special**. 4. Click on the element to open its **settings**. 5. Enter your code in the **HTML Code** field. You can combine HTML, CSS, and JavaScript. 6. Save the landing page. The code is not executed in the editor, only on the published page. ## FAQ **What types of code can I add?** You can add JavaScript (in `