# Webflow Integration In the following article, we'll describe step-by-step how you can integrate Bannernote into your Webflow project - And it's dead simple.\ \ Here is also the official webflow link: ![](/files/-MVC_PMukyR04cDxEiUI) ## 1. Copy Your Code Snippet First things first: [Sign up to bannernote](https://app.bannernote.com/signup) if you havent already. Go into your dashboard, click the **`Add Page`** button and copy your SDK code snippet. ![](/files/-MVCXDPywscDrcV8RhH5) ## 2. Paste Code Snippet into Head Head back to your webflow project, select the page you want to integrate a banner, click the "gear icon" and scroll down to Custom Code. Paste your SDK snippet into the first box which has the headline: **`Inside tag`** ![](/files/-MVCXYT47IngsdFP-Zbw) ## 3. Publish Webflow Site Make sure to save your changes and publish the project in webflow. ![](/files/-MVCYOiwXkUHob9mQJiy) ## 4. Final Step: Verify Implementation Head back to your [bannernote dashboard](https://app.bannernote.com), click "Add Page" in the top right corner. In the popup, enter the URL, where you have inserted the SDK snippet and click **`Verify Implementation`**. Once verified, your banner appears on the page. That was easy! ![](/files/-MVCYZgMWykbND-rUbjB) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://bannernote.gitbook.io/bannernote/webflow-integration.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.