> For the complete documentation index, see [llms.txt](https://bannernote.gitbook.io/bannernote/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bannernote.gitbook.io/bannernote/webflow-integration.md). # 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)