5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T108f,

About

This component was designed for an easy way to apply a global discount banner to your site. We have designed this plugin carefully to ensure it is fully customisable using Framer’s layout tools. Use our template as a base and tweak for your branding across desktop and mobile.

Setup Instructions

Step 1. Copy the popup and popup content from the remix link

Step 2. Paste the component and content within a page, or if you would like it to be displayed globally, a template should be used see https://sub.chujiqiqi.com/updates/layout-templates

Step 3. Publish and ensure the popup is displaying. If not, feel free to reach out to support!

Step 4. Modify and tailor to your needs!

Property controls

There are several useful property controls to modify the display of the popup component.

Frequency to show

The more this is increased, the less often the user will see the popup
It defines the minimum number of hours that must pass after the popup was last shown before it can appear again.
Set to -1 if you never want to show again (often useful in combination with last time updated)

Delay to show

How long popup waits to appear after the page has loaded

Last time updated

Useful when you have got a new promotion
Popup will appear if the user last saw it before the Last Time Updated date.

Mobile

The main content frame of the popup to show when mobile is active

Desktop

The main content frame of the popup to show when desktop is active

Is mobile

When using multiple layouts, enable this property for mobile layouts by setting it to true.

Hide in editor

Prevents the popup from displaying in the layout editor (useful when trying to make edits to the rest of your site)

Hide z index message

We added a z index warning message to prevent misconfiguration of the component, simply toggle this to hide the warning message.

Important notes

Layer names

BnnrFlexContent_fullspread is a keyword used by the plugin. To ensure fullscreen display, you must ensure the layer is named like this. (Often important on mobile popups)

Support

Please feel free to contact Ben at hello@blueboxdigital.co.uk for help setting up the component.

5a:[["$","$L5d",null,{"post":{"id":"01987ede-8e40-7ca7-8138-21492f002ed0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"726676d5-a230-4bef-ac19-340f19630c2d","name":"Bluebox Digital","slug":"bluebox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/135264/avatar-pi483Tqp00XCnyQejEyjokAGCeuGNK.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QgTQqGMN1QNwUi9Yp8N0","resolved":true,"title":"Popup Banner","body":"$5e","bodyJson":null,"introduction":"","slug":"popup-banner","author":{"framerUserId":"726676d5-a230-4bef-ac19-340f19630c2d","name":"Bluebox Digital","slug":"bluebox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/135264/avatar-pi483Tqp00XCnyQejEyjokAGCeuGNK.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QgTQqGMN1QNwUi9Yp8N0/popup-banner-ARHtuwWLPsxSmfheSARSnJ0mqMYEn7","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-01T22:34:22.759Z","updatedAt":"2025-08-12T12:13:46.875Z","publishedAt":"2025-08-06T10:12:51.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://popupbanner.framer.website/","price":"9","paymentUrl":"https://blueboxtemplates.lemonsqueezy.com/buy/69873892-b36d-4c2e-8355-a6c4273f031b","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"qcNQkaDXKa6mGgEVuWPs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-06T10:12:51.392Z","updatedAt":"2025-08-06T10:12:51.392Z","reported":false}}],"$L5f"]

Suggested for you