HTML Macro error

[Pong Bautista]

We're trying to use html macro but could not make it to run our code

(Actually we're trying to add drop down lists in a customized global template).

<p data-height="564" data-theme-id="0" data-slug-hash="gaOGja" data-default-tab="result" data-user="FabioG" class='codepen'>See the Pen <a href='Walking'>Walking'>http://codepen.io/FabioG/pen/gaOGja/'>Walking Mr Elephant. NOW WITH MOVING FEET! CSS only animation</a> by Fabio (<a href='@@FabioGFabioGhttp://codepen.io/FabioG'>@FabioG</a>) on <a href='CodePenCodePenhttp://codepen.io'>CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

It returned this message:

HTML Macro: Possible permissions setting needed. Please see the installation documentation.
HTML macro not found. Note that nested HTML macros are not supported.

Can anyone help us out? We're on Confluence Cloud.

[Admin2]

"For security reasons, the HTML Macro is not available in Confluence Cloud."

See https://confluence.atlassian.com/confcloud/html-macro-751634039.html