Codepen to Webflow

Design help Custom code
1

Hi does anyone know how I can add this codepen to my webflow site?

Thanks!

2

For the specific codepen you referenced:

  1. In Designer, add an ā€˜Embedā€™ block to the page body.

  2. In the embed block, paste:
    <style> [THE CSS CODE] </style>

  3. Then in the same embed block, paste your [THE HTML CODE] after the </style>

  4. Lastly, go to the pageā€™ custom code section ā€œBefore </body> tagā€, and paste the javascript code: <script> [THE JS CODE] </script>

Note: Webflow does not support use of so this is why you need to use the ā€˜Embedā€™ block.

4 Likes
4

Perfect! Thanks for your help!

5

Hi, I am trying to implemet this: https://codepen.io/devcodetips/pen/LGRJEo
using the method on this thread. However It is not working. Can anyone help me on this?

E