Cookie banner

Show visitors a cookie notice with Accept and Decline buttons, link your policy, preview it on desktop and mobile, and hold scripts until consent.

On this page
  1. Turn it on
  2. Customize the banner
  3. Preview the banner
  4. Linking a privacy policy
  5. Hold scripts until consent
  6. Where the banner shows
  7. Turn it off

The Cookie Banner app adds a small notice to your live site telling visitors that it uses cookies, with an Accept button and an optional Decline button. Once a visitor chooses, the banner stays hidden in their browser for as long as you decide. By itself it does not block analytics or other scripts you add to your site - but you can mark individual scripts so they wait for consent; see Hold scripts until consent below.

Turn it on

  1. Open your site in the dashboard and click All Apps in the sidebar.
  2. Click Enable next to Cookie Banner and confirm.

The banner goes live with a default message right away, and Cookie Banner appears in the sidebar so you can customize it. The banner is available on every plan.

Customize the banner

Open Cookie Banner in the sidebar. The Edit view holds the settings; the Desktop and Mobile buttons at the top show your real site with the banner on it - see Preview the banner.

  • Message: the text visitors read. The default is "We use cookies to ensure you get the best experience on our website."
  • Accept button label: the button text, Accept by default.
  • Decline button: adds a second button so visitors can refuse as easily as they accept. Declining also keeps any consent-gated scripts off. When it is on, set the Decline button label (Decline by default).
  • Privacy policy link: pick one of your own pages, for example a privacy or cookie policy page, or choose External URL… and enter a full address starting with https:// (external links open in a new tab). Leave it at (No Privacy Link) if you do not have one. When a link is chosen, set the Link label (the default is "Learn more").
  • Position: Bottom bar, Top bar, a centered bar, or a floating card in the bottom-left or bottom-right corner.
  • Remember choice for (days): how long the banner stays hidden after a visitor chooses, 180 days by default. Enter anything from 1 to 3650.
  • Theme: Auto matches your site's colors, Light and Dark are fixed palettes, and Custom lets you set the Background, Text, Button background and Button text colors yourself.
  • Drop shadow: lifts the banner off the page with a soft shadow.

Click Save changes, then Update live site at the top of the screen so visitors get the new version. See why your changes do not show on the live site yet.

Preview the banner

Click Desktop or Mobile at the top of the Cookie Banner screen to see your real site with the banner on it, exactly as visitors will. In the preview the banner always appears, and clicking Accept or Decline only dismisses it for that view - nothing is remembered, so you can preview it as often as you like. Choices are only saved on your live site.

Note: The preview shows your last saved settings. Save your changes first, then switch to the preview.

Linking a privacy policy

The link can point to a page on your own site or to a policy hosted anywhere else. For your own page, create one called Privacy or Cookie Policy in the page editor, then select it here; see Add and organise pages. For an external policy, choose External URL… and paste the full https:// address.

By default, scripts you add in Custom Code (Pro and Max) run for every visitor. To hold one back until the visitor accepts cookies, add two attributes to its opening tag:

<script type="text/plain" data-cookie-consent src="https://example.com/analytics.js"></script>
  • Most script tags have no type attribute - just add type="text/plain" together with data-cookie-consent. If the tag already says type="text/javascript", replace that value with text/plain.
  • Inline scripts work the same way: put both attributes on the opening <script> tag.

A marked script runs right after the visitor clicks Accept, and again on later visits while their choice is remembered. It never runs for visitors who decline or whose browser sends the Global Privacy Control signal. Your code is stored exactly as you wrote it.

Where the banner shows

The banner appears on every page of your live site, including portfolio, blog, links and resume pages. It never shows inside the page or design editors; use the Desktop and Mobile preview on the Cookie Banner screen, or open your live site, to check it.

Each visitor's choice - accept or decline - is stored in their own browser. Clearing browser data, switching browsers or waiting past the number of days you set brings the banner back for that visitor.

Note: Visitors whose browser sends the Global Privacy Control signal are treated as if they declined: the banner does not appear for them and consent-gated scripts stay off.

Turn it off

On the All Apps page, click Disable next to Cookie Banner and confirm. The banner disappears from your site, but your message, colors and other settings are kept for the next time you enable it.

Note: Whether you need a cookie notice depends on where you and your visitors are and which tools you add to your site. FolioPage gives you the banner; what it should say is up to you.

Related articles