Website Builder

• Using Web Builder
• About Interface

Using Web Builder

Welcome to ResellPortal, our powerful website builder platform designed for resellers. With its robust branding capabilities and user-friendly tools, ResellPortal empowers you to offer custom website building solutions under your own brand. This documentation provides a detailed guide to help you manage your clients and maximize the platform’s features.

1. Key Features for Sellers

Branding and White-Labeling

• Customize the platform with your branding, including:

  • Logo and color scheme.

  • Custom domain for your portal (e.g., builder.yourbrand.com).

• Ensure a seamless experience for your clients, making ResellPortal appear as your proprietary solution.

User Account Management

• Create and manage user accounts for your clients.

• Assign roles and permissions to control access levels.

Client Dashboard Overview

• Header Features:

  • Client’s username with access to settings, light/dark mode, and logout options.

  • Tabs for projects, branded domains, and notifications.

• Monitor client activity, site creation, and usage statistics.

Domain Management

• Help clients connect and manage their domains with step-by-step guidance.

• Generate and provide A records for domain configuration.

2. Project Management

Setting Up Default Workplaces

• Define default workplaces for streamlined client onboarding.

• Create predefined categories to organize client projects effectively.

Adding and Managing Client Sites

1. Navigate to the Projects Tab.

2. Use the Add Site feature to create a new website for your client.

3. Select templates tailored to the client’s industry or let them start with a blank topic.

4. Assign the site to a workplace for organization.

Template Library Customization

• Customize the template library to include designs relevant to your target audience.

• Add new templates or remove default options to align with your branding.

3. Advanced Features

Analytics and Insights

• Access usage statistics and insights to monitor:

  • Number of active sites.

  • Template preferences.

  • Client engagement levels.

• Use data to improve client offerings and identify growth opportunities.

Monetization Options

• Offer tiered pricing plans for your clients based on site features or storage.

• Upsell additional services like domain registration, hosting, or SEO optimization.

Support Tools for Sellers

• Built-in support chat for real-time assistance.

• FAQ and resource library for troubleshooting common issues.

• Automated ticketing system to manage client queries efficiently.

4. Getting Started

Onboarding Clients

1. Create an account for your client using the User Account Management tool.

2. Provide a walkthrough of the dashboard and its features.

3. Assist with the initial setup of their workplace and first website.

Setting Up Branded Domains

1. Navigate to the Branded Domains tab.

2. Guide your clients to connect their domains:

   • Enter the host details.

   • Generate and share the required A record for DNS configuration.

3. Verify domain connection and ensure the website is live.

6. Frequently Asked Questions

a. How do I customize the platform with my branding?

Use the white-labeling settings in the admin panel to upload your logo, define your color scheme, and set up a custom domain for your portal.

b. Can I add my own templates to the library?

Yes, navigate to the Template Library settings to upload custom templates or modify existing ones.

c. How do I manage billing for my clients?

ResellPortal offers integrated billing options or allows you to connect your payment gateway for managing subscriptions and one-time payments.

d. What support options are available for sellers?

You can access real-time chat, a detailed FAQ section, and a ticketing system to address client issues efficiently.

ResellPortal provides the tools and flexibility you need to build a successful web building business. By leveraging its advanced features, branding capabilities, and intuitive client management tools, you can grow your business and deliver exceptional value to your clients. Explore the platform and start creating amazing websites today!

About Interface

Welcome to the ResellPortal Web Builder, an intuitive and robust platform designed for building and customizing web pages effortlessly. This document provides an in-depth guide to the core features of the platform, focusing on:

1. Keybinds

2. Inspector Overview

3. WYSIWYG Editor Overview

4. Code Editors Overview

1. Keybinds

Keybinds allow you to quickly perform actions within the ResellPortal Web Builder, speeding up your workflow and improving efficiency. Below is a list of essential keybinds:

Action	Key Combination
Save Changes	Ctrl + S (Windows) / Cmd + S (Mac)
Undo	Ctrl + Z / Cmd + Z
Redo	Ctrl + Y / Cmd + Y
Copy	Ctrl + C / Cmd + C
Paste	Ctrl + V / Cmd + V
Delete	Del
Preview	Ctrl + P / Cmd + P
Toggle Code Editor	Ctrl + E / Cmd + E

Tips for Using Keybinds

• Use Shift with arrow keys to select multiple elements quickly.

• Combine Ctrl + Scroll or Cmd + Scroll to zoom in and out of your workspace.

2. Inspector Overview

The Inspector is a powerful tool that allows you to fine-tune every aspect of your design. It’s divided into key sections:

Structure

• Displays the hierarchy of your web elements in a collapsible tree structure.

• Easily select, reorder, or delete elements within your page.

Properties

• Adjust element-specific settings such as size, color, font, and alignment.

• Dynamically update the look and feel of your design in real time.

Actions

• Bind interactive actions to elements (e.g., on-click, hover).

• Create dynamic behaviors with minimal coding.

Advanced Settings

• Modify CSS properties directly.

• Add custom attributes to extend functionality.

Pro Tips

• Use the search bar within the Inspector to quickly locate properties.

• Right-click on any element in the tree structure for additional options.

3. WYSIWYG Editor Overview

The What You See Is What You Get (WYSIWYG) Editor offers a visual editing experience where you can build and modify web pages as they appear to users.

Features

• Drag-and-Drop: Add images, text, buttons, and other elements with ease.

• Inline Editing: Double-click on text elements to edit content directly.

• Alignment Guides: Snap elements into place for pixel-perfect positioning.

• Live Preview: See real-time updates as you make changes.

Toolbar Options

• Text Formatting: Adjust font, size, weight, and color.

• Element Styling: Add borders, shadows, and background colors.

• Layouts: Create columns, rows, and grids with responsive settings.

• Assets: Upload and manage images, videos, and other files directly in the editor.

Pro Tips

• Use the "Duplicate" option in the context menu for quick layout replication.

• Group elements to move or style them together.

4. Code Editors Overview

For advanced users, the ResellPortal Web Builder includes powerful code editors for HTML, CSS, and JavaScript. These editors provide full control over your website’s structure and functionality.

HTML Editor

• Modify the structural components of your web page.

• Use syntax highlighting and auto-completion to speed up coding.

CSS Editor

• Fine-tune the styles and layouts with detailed control.

• Supports live previews for instant feedback on your changes.

JavaScript Editor

• Add interactive functionality to your web pages.

• Use built-in debugging tools to identify and fix issues quickly.

Common Features Across Editors

• Syntax Highlighting: Enhances readability and reduces errors.

• Find and Replace: Quickly locate and update code.

• Split View: Edit code while viewing the live design.

Pro Tips

• Use comments (/* */ for CSS, // for JS) to organize your code.

• Save reusable code snippets for future projects.

The ResellPortal Web Builder is designed to cater to both novice and advanced users. Whether you’re leveraging the simplicity of the WYSIWYG Editor or diving into the intricacies of the Code Editors, this platform empowers you to create stunning, functional websites efficiently. With tools like Keybinds and the Inspector at your disposal, you have everything you need to streamline your workflow and bring your vision to life.