💽 How to use embed code elements

Besides standard texts, images, and buttons, you can also add embed code to your creative. This feature allows you to significantly expand the capabilities of the editor.

Embed code can be used to add:

• Forms (e.g., typeform)

• Interactive elements

• Complex animations (e.g., CSS, Lottie, GSAP)

• 3D objects (e.g., Spline)

• etc.

However, it cannot be used to add videos.

Embed code can be managed like any other element: resize it, move it around the canvas, and animate it.

How to Use Embed Code (Example: Adding a CSS Effect)

1. Add the Embed Code element from the Extras tab to your creative.

2. Find the effect you need, for example, on codepen.io.

3. Copy the code from the HTML panel in CodePen into the code field of your embed <div></div>.

4. Add <style></style> at the end of the code.

5. Insert the content of the CSS panel between the brackets.

6. Add <script></script> at the end of the code.

7. Insert the content of the JS panel between the brackets.

8. Save the changes.