Freelance projects

Freelance projects

MVP на Wix через Airtable

Web Programming, Website Development — incorrectly specified categories?

Детальне, покрокове, практичне пояснення, як саме реалізувати каталог об’єктів із автоматичним оновленням через Airtable + Wix API, щоб ти міг зрозуміти технічну логіку й реалізувати це у вигляді MVP на WIX

✅ ЩО МИ СТВОРЮЄМО

Каталог об’єктів на сайті (Wix), який:

отримує дані з Airtable,
автоматично оновлюється,
дозволяє фільтрувати об’єкти,
показує актуальні ціни, плани, фото,
працює як CMS, але з зовнішнім джерелом даних.

🔥 ЗАГАЛЬНА АРХІТЕКТУРА (проста, але ефективна)

Airtable (дані про об’єкти)
        ↓ API
Wix Backend → Wix Database Collections → Відображення на сайті
        ↓
Партнерські лендінги (фільтрований каталог)

🚀 ЕТАП 1 — Підготовка Airtable

1. Створюємо базу Airtable "Dubai Real Estate Inventory"

Таблиця “Projects” з такими колонками:

Поле	Тип	Опис
project_id	Single line text	Унікальний ID
developer	Single line text	DAMAC / EMAAR / Sobha
project_name	Single line text	Назва проекту
location	Single line text	Business Bay / Dubai Creek
price_from	Number	Мінімальна ціна
currency	Single line text	AED
ROI	Number	Потенційний ROI
photos	Attachment	Фото
brochure	Attachment	PDF
description	Long text	Опис
status	Single select	Off-plan / Ready
handover	Date	Квартал/рік
update_timestamp	Formula	LAST_MODIFIED_TIME()

🚀 ЕТАП 2 — Отримання API ключів

В Airtable:

👉 Заходимо у Developer Hub → API Tokens → Create token
Вибираємо:

Read access to base
No write needed

Отримуємо:

API Key
Base ID
Table ID

Це все, що потрібно для інтеграції.

🚀 ЕТАП 3 — Підготовка WIX

1. Увімкнути Dev Mode у Wix (Wix Velo)

В Wix Editor → Dev Mode → Turn On
Тепер доступні:

backend-каталог
кодові файли
налаштування HTTP функцій

2. Створити Wix Collections

Тобі потрібна колекція:
"Inventory"

Поля ті ж самі, що в Airtable.

🔥 Важливо:

Постав Write disabled для користувачів
Read: anyone (щоб сайт показував дані)

🚀 ЕТАП 4 — Автоматичний імпорт через Wix Backend

У розділі Back-end створюємо файл:

backend/airtable.js

Код (спрощений, робочий):

import {fetch} from 'wix-fetch';
import wixData from 'wix-data';

const API_KEY = "YOUR_AIRTABLE_API_KEY";
const BASE_ID = "YOUR_BASE_ID";
const TABLE_ID = "YOUR_TABLE_ID";

export async function syncInventory() {

    let url = `https://api.airtable.com/v0/${BASE_ID}/${TABLE_ID}`;

    let response = await fetch(url, {
        method: 'GET',
        headers: {
            Authorization: `Bearer ${API_KEY}`
        }
    });

    let data = await response.json();

    for (let record of data.records) {
        
        let item = {
            project_id: record.id,
            project_name: record.fields.project_name,
            developer: record.fields.developer,
            location: record.fields.location,
            price_from: record.fields.price_from,
            ROI: record.fields.ROI,
            description: record.fields.description,
        };

        await wixData.save("Inventory", item);
    }

    return "Sync complete";
}

🚀 ЕТАП 5 — Запуск синхронізації

1. Додаємо HTTP function

Файл:

backend/http-functions.js

import {syncInventory} from 'backend/airtable';

export function get_sync(request) {
    return syncInventory().then(result => {
        return {
            status: 200,
            body: result
        }
    });
}

Тепер:

можна запустити через URL
https://yourdomain.com/_functions/sync

2. Автоматизація

У Wix Automations:

Trigger: Every 24 hours
Action: Call URL → _functions/sync

Каталог завжди оновлений.

🚀 ЕТАП 6 — Відображення каталогу на сайті

1. Створюємо Repeater у Wix

Елементи:

фото
назва проекту
локація
ціна
CTA (view details)

Підключаємо до:
→ Dataset → Collection “Inventory”

🚀 ЕТАП 7 — Фільтри для партнерів

Приклад фільтрів:

price_from < 300k
location = “Business Bay”
ROI > 8%

Код фільтру на кнопці:

$w("#dataset1").setFilter(
  wixData.filter()
    .eq("location", $w("#locationDropdown").value)
    .ge("ROI", Number($w("#roiInput").value))
);

🚀 ЕТАП 8 — Лендінги для партнерів (white-label)

Для кожного партнера генеруємо URL:

domain.com/nl-partner01
domain.com/dk-invest-consult
domain.com/pl-warsaw-office

Кожна сторінка:

підключена до тієї самої колекції
але з фільтром:

Приклад:

$w("#dataset1").setFilter(
  wixData.filter().eq("country", "Netherlands")
);

🚀 ЕТАП 9 — Додаємо систему UTM-трекингу

У форму ліда додаємо приховане поле:

$w("#partnerId").value = wixLocation.query.partner;

Тепер кожен лід:

має ID партнера,
автоматично потрапляє у CRM.

🚀 ЕТАП 10 — Партнерський кабінет

У WIX:

створюємо Member Area,
роль: Partner,
даємо доступ до:
- статистики,
- інструкцій,
- матеріалів девелопера,
- Excel/Google Sheet зі статусами угод (read-only),
- каталогу.

Proposals 5

Ihor Leontiuk

18 0

Budget: 16000 UAH Deadline: 7 days

Hello! The task is clear. I will implement the integration of Airtable and Wix. I will complete everything step by step. I will create an automatic import of real estate objects and set up filtering on the frontend. I will take the code from your example as a basis, but I will refine it for stability (error handling for the API, updating existing records instead of duplicating...).

Viktor Kovalenko

9 0

Projects 9
Rating -
Rating 988

Budget: 25000 UAH Deadline: 22 days

Good day!

We have studied your project and have relevant experience.

I would estimate such a project at 25,000 UAH.

This includes:
- development of the structure;
- writing texts;
- design;
- layout;
- making corrections and fixing bugs;
- technical settings;
- consultations and training on working with the admin panel;
- subscription to Wix ($180/year).

Here are examples of work on Wix:
https://www.welabeldata.com/
https://www.concept-innovation-school.com/
https://www.lvl.com.ua/
https://www.houseofvlada.com
https://www.openheart.com.ua/

This is a package offer. If you cover any of the components on your side, please write in private for a discussion of the cost.

Ivan Nikolaychuk

99 0

Budget: 10000 UAH Deadline: 2 days

Hello.
I can implement it only on Webflow + CMS Bridge + Airtable.
WIX is too weak for this.
If this works for you, write to me.

Danylo Barkov

0 0

Projects -
Rating -
Rating 237

Budget: 12500 UAH Deadline: 5 days

Good day!
I am ready to perform the integration of Airtable → Wix and set up an automatic catalog of objects.

I have already worked with similar architecture (Wix Velo + external APIs + auto-synchronization), so I can implement the full cycle:

What I will do:
• I will connect the Airtable API (secure token, base ID, table ID)
• I will implement a backend function for importing data into Wix Collections
• I will set up automatic updates (every 24 hours or more frequently)
• I will create catalogs/repositories with filters
• I will add support for photos, PDFs, prices, ROI, statuses, dates
• I will create filtered landing pages for partners (white-label)
• I will add UTM tracking for applications in CRM

Why I can perform this:
I understand the technical logic of Wix Velo (backend functions, fetch, HTTP endpoints, Wix Data), I work with REST APIs, including Airtable.
I can build an MVP quickly and reliably — with clean code and basic documentation.

Andrii Dryha
Dnepr, Ukraine

Projects 17
Rating -
Rating 565