webeeui-doc-three-col
Follow these simple steps to enhance your super.so website with WebeeUI components:
Step 1: Create Your Website in super.so
- Start by creating a new Notion page that will serve as your website.
- Connect your Notion page to super.so and publish it as a live website.
Step 2: Choose Your WebeeUI Components
- Browse the WebeeUI component library and select the components you want to use (e.g., hero section, pricing table, FAQ, testimonials).
- Copy the component’s code (CSS & JS) from WebeeUI.
Step 3: Add Components to Your Notion Page
- In Notion, structure your content by adding placeholders for WebeeUI components.
- Paste the WebeeUI component content (headings, text, buttons, etc.) into your Notion page.
Step 4: Apply WebeeUI Styles in super.so
- Go to your super.so dashboard and open the code section.
- Paste the WebeeUI CSS & JS into the custom code editor of super.so.
- Save the changes, and your WebeeUI components will be styled instantly!
Step 5: Publish & Go Live
- Click Publish in super.so, and your newly designed Notion website will go live with WebeeUI’s responsive, professional components.
🛠️ How to Use WebeeUI (Step-by-Step)
Here’s how to go from 0 to a live, styled Notion site in just a few steps:
1. Pick Your Component or Template
Browse our growing library and choose a section or full template you want to use – like a hero banner, testimonial block, or pricing section.
Each one is fully responsive and designed with visual balance in mind.
💡 Tip: Start with a full page template if you want to build a full site fast.
Made with Bullet