📒
📒
📒
📒
Bannernote
Search…
📒
📒
📒
📒
Bannernote
Getting Started
Customize Your Banner
Create & Manage Campaigns
Webflow Integration
Powered By GitBook
Getting Started
  • Welcome to Bannernote
    🧚♂
     - Bannernote is a no-code tool to create highly converting banners for any platform, website or web application. The documentation below helps you to get started as fast as possible.

Getting Started

In order to get started, please sign up under app.bannernote.com/signup and create an account.

1. Customize your Banner

Once you've signed up, you'll land directly in the powerful customization tool with a live view of how your banner will look like in live production.

2. Integrate Bannernote to Your Page

In order to integrate your banner into your page, click the add page in the dashboard or integration guide in the customizer. A popup will appear with your unique SDK snippet. Copy & paste this snippet into your application within the <head></head> tag.
Once, you deployed the code, you need to verify the implementation by entering the exact URL of your page.
​

3. Your Dashboard

Once you verified your implementation, your page will show up in the dashboard with nice analytics and stats. You are able to choose, which campaign you want to run on specific pages by using the campaign drop down.

How to implement the snippet correctly

In order to run the snippet correctly, please integrate the SDK within the <head></head> tag. Here is a sample of how you should place your snippet correctly in a sample html file.
<!DOCTYPE html>
<html>
​
<head>
<title>Your Page</title>
<script
id="bannernotesdk"
src="https://app.bannernote.com/sdk/sdk.js?apiKey=58eb0b22adbc4f91b7470f33292d1466">
</script>
</head>
<body>
<!--==YOUR PAGE CONTENT==-->
</html>
​
​
Next
Customize Your Banner
Last modified 1yr ago
Copy link
On this page
Getting Started
1. Customize your Banner
2. Integrate Bannernote to Your Page
3. Your Dashboard
How to implement the snippet correctly