top of page
davydov consulting logo

Corporate File Storage in Wix

Corporate File Storage in Wix

Wix Corporate File Storage – Open Access & Mobile-First

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:

  1. Enable Dynamic Pages in the CorporateDocuments collection.

  2. Set URL structure: /documents/{assetCode}

  3. On the dynamic page, bind content using dataset1 and display title, preview, download link, etc.

Step 5: Add Guides and Videos

  1. Create a second collection: CorporateGuides

  2. Fields: title, videoFile or videoLink, pdfFile, category, description

  3. 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

Background image

Example Code

frontend
backend

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

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

Bulk Add Integration in Wix Store

Integrating MailerLite with Wix: A Detailed Manual

Connect MailerLite to Wix for streamlined email marketing. Automate tasks, grow your audience, and improve engagement with simple integration steps

Integrating MailerLite with Wix: A Detailed Manual

Wix and Global Payment API Integration

Discover the essential steps for integrating global payment APIs with Wix Velo in our detailed guide. Boost your e-commerce site’s functionality and payment processing efficiency

Wix and Global Payment API Integration

CONTACT US

​Thanks for reaching out. Some one will reach out to you shortly.

bottom of page