---
title: "Quikly Hype"
description: "Quikly Hype allows you to build hype, anticipation and engagement over days, as consumers opt in for a chance to claim exciting rewards."
---

import EmbedCode from '../../../../components/EmbedCode.astro'
import Button from './Button.astro'

[Quikly Hype](/activations/hype) allows you to build hype, anticipation and engagement over days, as consumers opt in for a chance to claim exciting rewards.

![Hype](./images/hype.png)

## Code

```javascript
<script>
(function (w, d) {
  w.qData || (w.qData = function() {
    (w.qDataLayer = w.qDataLayer || []).push(arguments);
  });
  s = d.createElement('script');
  s.src = 'https://pixel.quiklydemo.com/embed/js';
  s.async = true;
  f = d.scripts[0];
  f.parentNode.insertBefore(s, f);
})(window, document);
qData("config", "m/example"); // your production brand key
qData('ui', { page: 'hype', root: 'quikly-embed', ids: ['example'] });
</script>
```
# Live Demo
<EmbedCode config="m/zxWhDG" />
<Button onclickData={{ page: 'hype', root: 'quikly-embed', ids: ['JgphJAz'] }}>
  Click to reveal the Quikly campaign
</Button>

<div id="quikly-embed"></div>