Overview of Tools and Functions #

Welcome to the Overview of Tools and Functions section. Webfluss is a mobile-first web builder, meaning it is designed with mobile devices as the primary focus. From the layout to the features, everything is optimized to ensure a seamless experience on mobile screens. In the main area, content is wrapped to fit a mobile device screen by default, ensuring that your site looks perfect on smartphones before considering other devices.

This section will guide you through the core features of Webfluss, helping you make the most of its mobile-first capabilities.

Page Builder #

The Page Builder is the heart of Webfluss, providing a mobile-first design experience. As you build your site, the layout wraps content to fit the mobile screen first, giving you full control over how your website appears on smartphones and smaller devices. This drag-and-drop interface allows for real-time editing with a focus on mobile optimization.

• Mobile-First Design: Pages are automatically structured for mobile devices, ensuring responsiveness and optimal performance on smaller screens.
• Drag-and-Drop Interface: Add and arrange elements easily with an intuitive interface.
• Real-Time Editing: See changes instantly as you design, with mobile preview as the default view.

Templates and Themes #

Choose from a variety of Templates and Themes, all built with a mobile-first approach. These fully customizable layouts are designed to look great on mobile screens, ensuring your website functions and appears professional, even on smaller devices.

• Customizable Mobile-Optimized Themes: Templates are pre-configured to ensure your website looks perfect on mobile.
• Wide Selection: Choose from themes tailored for various industries and purposes, all optimized for mobile performance.

Widgets and Blocks #

Use Widgets and Blocks to add content that is specifically designed for mobile-friendly layouts. These elements are optimized to be touch-responsive and ensure a great user experience on mobile devices.

• Text, Image, and Video Blocks: Add content that automatically adjusts to fit mobile screens.
• Buttons and Forms: Mobile-responsive interactive elements that ensure smooth functionality on touchscreens.

Media Library #

The Media Library provides a mobile-optimized environment to manage your visual assets. Upload, store, and organize media files, with the assurance that they will perform well on mobile devices.

• Responsive Media: Images and videos are automatically optimized for mobile viewing.
• Upload and Reuse: Media assets can be uploaded once and reused across multiple pages, with mobile performance in mind.

Note: The Media Library feature is not fully available yet, but it will be implemented soon.

Settings and Configurations #

The Settings panel allows you to configure mobile-first settings for your website, including domains, SEO, and privacy options. These settings ensure that your website is optimized for search engines and performance, particularly on mobile devices.

• Mobile-Focused SEO Settings: Optimize meta titles, descriptions, and keywords for mobile search results.
• Domain Management: Set up custom domains that work seamlessly across mobile and desktop platforms.

Mobile Preview and Responsiveness #

Webfluss ensures that your website is mobile-responsive by default. The Mobile Preview tool allows you to see exactly how your site will look on mobile devices, with options to adjust for tablet and desktop views as well.

• Mobile-First Preview: Mobile is the default view when designing your pages, but you can switch to tablet and desktop views as needed.
• Responsive Design: Webfluss automatically ensures your site is responsive across all device sizes.

Publish and Save Draft (Upcoming Features) #

• Save Draft: This feature will allow you to save your progress without publishing changes live. (Currently under development.)
• Publish: All changes are currently published live by default. A dedicated 'Publish' feature is in progress for more controlled publishing.

Third-Party Integrations #

Extend the functionality of your mobile-first website by integrating third-party tools such as analytics and email marketing platforms. Webfluss supports integrations that help you track and manage your site, particularly focusing on mobile performance.

• Mobile Analytics: Easily integrate services like Google Analytics and Umami to track your mobile site’s performance.
• Email Marketing: Connect with platforms like MailChimp or Sendinblue to manage mobile-optimized email campaigns. (work-in-progress)

Support and Documentation #

Need help? Access the Support and Documentation section for resources designed to guide you through using Webfluss effectively on mobile devices.

• Tutorials: Learn step-by-step how to create a mobile-first website.
• Support: Reach out to our team for assistance with building mobile-responsive websites.

This overview highlights the mobile-first focus of Webfluss, ensuring your website looks and performs optimally on smartphones and other devices. Use this guide to navigate the platform and maximize the potential of your mobile-first website.