Embed HTML elements on your site using the Code Block
💵 Pro Subscribers Only
The Code Block allows you to take your no-code Universe site to the next level by allowing embeddable objects. With the Code Block, you can browse our collection of premade examples that you can customize even further, or add your own code to your site.
We do not allow users to edit the overall HTML of the site or to add headers or footers, so the embeddable object must work inside of an iframe.
Check our this article here on ways to use the Code Block, like adding a Comment Section or a Shopping Cart!
Adding Your Code
You can directly paste your code in the Code section of the Code Block settings. Tap the blue arrows to update your code.
🌟Note: Sometimes the code you’ve entered does not display the embedded object in the editor. Publish your site and view on the web to see the embedded object. Then, make adjustments as needed.
Using the Code Gallery
If you need some inspiration for what to place in the Code Block, tap on the Gallery section of the Block settings. Browse pre-selected code that our team has created or from popular services like Typeform, Spotify, and Calendly to get an idea of what works well with Universe sites.
Once selected, go back to the Code section of the Block Settings to make edits to your code or to follow any instructions to customize it.