Customize Sections & Layouts
Organize your content with flexible sections and choose from different layout options. Drag and drop to reorder sections and customize the structure of your website.
Interactive Demonstrations
Section Ordering
Drag and drop to reorder sections
Drag sections to reorder them. Every template supports flexible section arrangement.
Live Section Order
Layout Options
Multiple layouts for each section
Choose from multiple layouts for each section. Every template supports flexible layout options.
Live Layout Preview
Available Sections
Hero Section
The main landing section with logo, headline, and call-to-action buttons.
About Section
Project description, features, and key information about your token.
Tokenomics Section
Token distribution, supply details, and economic model visualization.
Roadmap Section
Project milestones, timeline, and future development plans.
Live Chart Section
Real-time price chart with trading data and market analytics.
How to Buy Section
Step-by-step guide for purchasing your token with DEX integration.
Join Community Section
Social media links, community channels, and engagement features.
Layout Options
Default Layout
The original, full-featured layout with all elements and detailed information displayed prominently.
- • Full-width sections
- • Detailed information
- • Prominent elements
- • Maximum visual impact
Compact Layout
Streamlined layout with condensed elements, perfect for users who prefer a cleaner, more minimal design.
- • Condensed elements
- • Streamlined design
- • Space-efficient
- • Clean aesthetics
Managing Sections
Reorder Sections
Drag and drop sections to change their order on your website. The hero section is always first.
- 1Go to Template Config → Sections tab
- 2Drag the handle next to each section
- 3Drop in the desired position
Show/Hide Sections
Toggle section visibility to show only the content you need. All sections except Hero are optional.
- Visible - Section shown on website
- Hidden - Section not displayed
Change Section Layouts
Most sections support multiple layout variations for different design preferences.
- 1Go to Template Config → Styling tab
- 2Select a section to customize
- 3Choose Default or Compact layout
Template Compatibility
Layout customization availability varies by template:
- • Aurora, Summit, Neural - Full layout options
- • Horizon, Comic, Brick, Neon Grid - Full options
- • Pixora - Standard layouts only
Best Practices
Section Organization
- Keep the most important information near the top
- Use logical flow (About → Tokenomics → Roadmap)
- Place How to Buy near the end for conversions
- End with Join Community to build engagement
- Hide sections that aren't relevant
Layout Selection
- Use Default layouts for maximum detail and impact
- Choose Compact for cleaner, more minimal designs
- Mix layouts for visual variety
- Test on mobile to ensure good experience
- Consider page length when choosing layouts
Ready to Customize Your Sections?
Start organizing your content with flexible sections and layouts that match your vision.