Corporate File Storage in Wix
Velo Code Solution
The Corporate File Storage, developed using Wix and Velo, is a modern and responsive platform designed to host, organize, and display corporate-related documentation in a clear, searchable, and user-friendly format.
Built with a mobile-first approach, this portal is ideal for infrastructure and engineering teams needing centralized, open access to rich Corporate Documentation — including PDFs, images, and training content — directly from any device, anywhere.
Why Use a Corporate File Storage in Wix?
Centralized Access: All corporate-related documents, guides, and videos are accessible from one secure platform.
Mobile Optimized: Designed for use on-site and in the field, with full mobile responsiveness.
Searchable and Structured: Quickly find the right file with smart filters, categories, and keyword search.
No Logins Needed: The platform is open-access, removing barriers for users who need quick, easy access.
Brand-Aligned UI: Customized to reflect Mott MacDonald Bentley's professional brand identity.
Key Features and Functionality
Corporate Hosting
Upload and host сorporate documents in multiple formats (PDFs, images, videos).
Use rich content fields to add supporting metadata or visual previews.
Organize by сorporate type, location, asset code, or other relevant tags.
Access URLs are optimized for structure
Advanced Document Search
Powerful, built-in search functionality allows users to filter and find specific documents quickly.
Supports keyword search, category filtering, and direct asset code lookup.
Open Access Control
The platform is fully open and accessible to all users — no login or registration required.
User Interface and Design
Mobile-First Design: Optimized for easy use on mobile devices, tablets, and desktops.
Intuitive Navigation: Clear menu structure with labeled categories, icons, and logical hierarchy.
Professional Visuals: Clean, modern UI consistent with the Mott MacDonald Bentley brand.
Guides and Videos Section
Host training guides, manuals, walkthroughs, and explainer videos.
Upload rich media content directly into the CMS for centralized management.
Organize content into topic-based categories for quick discovery by field teams and support staff.
Step-by-Step Implementation Guide
Step 1: Set Up CMS Collections
Fields:
Field Key | Field Type | Description |
title | Text | Document title |
pdfFile | File | PDF or document file |
imagePreview | Image | Thumbnail or preview image |
сorporateType | Text (Tag) | e.g., Pumping Station, Water Tank |
location | Text | Optional physical location |
assetCode | Text | Unique identifier (e.g., ABC-1234) |
category | Text (Tag) | Optional extra category field |
Make this collection publicly readable (no login required).
Step 2: Design the Page Layout
2.1. Add a Repeater on the page to show the documents.
Bind the repeater to the CorporateDocuments CMS collection. Inside the repeater, include:
Title (text)
Image (imagePreview)
Link to file (pdfFile)
Optional asset code and corporate type
2.2. Add a Search Bar and Dropdown Filters:
Input field with ID: #searchInput
Dropdown with ID: #corporateTypeDropdown (bind manually to distinct values)
Button with ID: #searchButton
Step 3: Add Velo Code (Site Code or Page Code)
Go to the Velo Sidebar → Page Code or Site Code, and paste the following:
Make sure:
Repeater ID = #repeater1
Buttons and dropdowns match the code
Step 4: Dynamic URL for Asset Codes (Optional)
To use URLs like:
Enable Dynamic Pages in the CorporateDocuments collection.
Set URL structure: /documents/{assetCode}
On the dynamic page, bind content using dataset1 and display title, preview, download link, etc.
Step 5: Add Guides and Videos
Create a second collection: CorporateGuides
Fields: title, videoFile or videoLink, pdfFile, category, description
Design a section or separate page to display these using repeaters and similar filtering logic.
Step 6: Make It Mobile-First
Use Wix’s mobile editor to optimize the layout.
Avoid horizontal scrolls.
Place filters above the document list on mobile.
Final Checklist
CMS collections configured with correct fields
Repeater and filters connected
Search functionality working
Mobile version tested
Dynamic pages enabled for direct assetCode access
Open access configured (no login required)
How This Helps Your Organization
Boost Efficiency: Cut time spent searching for files with smart organization and fast search.
Support Teams in the Field: Access critical documents from mobile devices without login barriers.
Simplify Training and Onboarding: Centralized hosting of guides and videos streamlines education.
Enhance Brand Presentation: Professional design reflects your brand’s credibility and reliability.
Tools
Velo,Wix Velo API,Wix Velo Code
Example Code
import wixData from 'wix-data';
$w.onReady(() => {
loadCorporateTypes(); // Populate dropdown on page load
});
function loadCorporateTypes() {
wixData.query("CorporateDocuments")
.limit(0)
.find()
.then((res) => {
const uniqueTypes = [...new Set(res.items.map(item => item.CorporateType).filter(“value”))];
const dropdownOptions = uniqueTypes.map(type => ({ label: type, value: type }));
$w("#corporateTypeDropdown").options = [{ label: "All Types", value: "" }, ...dropdownOptions];
});
}
export function searchButton_click(event) {
let searchTerm = $w("#searchInput").value.trim();
let selectedType = $w("#corporateTypeDropdown").value;
let query = wixData.query("corporateDocuments");
if (searchTerm) {
query.contains("title", searchTerm)
.and(query.contains("assetCode", searchTerm))
.and(query.contains("location", searchTerm));
}
if (selectedType) {
query = query.eq("corporateType", selectedType);
}
query.find().then((res) => {
$w("#repeater1").data = res.items;
});
}
More Velo Integrations
Scroll Snap animation Integration on Wix
Integration Scroll Snap animation for Wix website. Add "Scroll Snap" animation to improve and optimize your Wix website
Bulk Add Integration in Wix Store
Integration of advanced store features "Bulk Add" for the Wix website. Add bulk to cart to your Wix Store
WhatsApp Integration in Wix
Discover how integrating WhatsApp into your Wix website elevates customer interaction and support. Enhance user experience with seamless communication channels
