Фриланс-проекты

Фриланс-проекты

MVP на Wix через Airtable

Веб-программирование, Создание сайта под ключ — неверно указаны категории?

Проект переведен автоматически. Войдите или зарегистрируйтесь, чтобы увидеть оригинал

Подробное, пошаговое, практическое объяснение, как именно реализовать каталог объектов с автоматическим обновлением через 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 функцию

Файл:

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),
- каталогу.

Ставки 5

Ігор Леонтюк

18 0

Проекты 18
Оценка 5.0
Рейтинг 2 018

Бюджет: 16000 UAH Срок: 7 дней

Здравствуйте! Задание понятное. Реализую интеграцию Airtable и Wix. Выполню все по пунктам. Сделаю автоматический импорт объектов недвижимости, настрою фильтрацию на фронтенде. Код из вашего примера возьму за основу, но доработаю его для стабильности (обработка ошибок API, обновление существующих записей вместо дублирования ...).

Віктор Коваленко

9 0

Проекты 9
Оценка -
Рейтинг 988

Бюджет: 25000 UAH Срок: 22 дня

Добрый день!

Мы изучили ваш проект и имеем релевантный опыт.

Я бы оценил такой проект в 25000 грн.

Сюда входит:
- разработка структуры;
- написание текстов;
- дизайн;
- верстка;
- внесение правок и фиксация багов;
- технические настройки;
- консультации и обучение работе с админкой;
- подписка на Викс (180$/год).

Вот примеры работ на Виксе:
https://www.welabeldata.com/
https://www.concept-innovation-school.com/
https://www.lvl.com.ua/
https://www.houseofvlada.com
https://www.openheart.com.ua/

Это пакетное предложение. Если какую-то из составляющих вы закрываете на своем стороне - напишите, пожалуйста, в личные для обсуждения стоимости.

Иван Николайчук

99 0

Проекты 99
Оценка 5.0
Рейтинг 11 021

Бюджет: 10000 UAH Срок: 2 дня

Здравствуйте.
Могу реализовать только на webflow + cms brige + airtable.
WIX слабоват для этого.
Если подходит, пишите.

Данило Барков

0 0

Проекты -
Оценка -
Рейтинг 237

Бюджет: 12500 UAH Срок: 5 дней

Добрый день!
Готов выполнить интеграцию Airtable → Wix и настроить автоматический каталог объектов.

Я уже работал с подобной архитектурой (Wix Velo + внешние API + авто-синхронизация), поэтому могу реализовать полный цикл:

Что именно сделаю:
• Подключу Airtable API (secure token, base ID, table ID)
• Реализую бэкенд-функцию для импорта данных в Wix Collections
• Настрою автоматическое обновление (каждые 24 часа или чаще)
• Создам каталоги / репозитории с фильтрами
• Добавлю поддержку фото, PDF, цен, ROI, статусов, дат
• Сделаю фильтрованные лендинги для партнеров (white-label)
• Добавлю UTM-трекинг заявок в CRM

Почему могу выполнить:
Понимаю техническую логику Wix Velo (бэкенд-функции, fetch, HTTP endpoints, Wix Data), работаю с REST API, в том числе с Airtable.
Могу собрать MVP быстро и стабильно — с чистым кодом и базовой документацией.

Andrii Dryha
Днепр, Украина

Проектов 17
Оценка -
Рейтинг 565