MVP na Wix przez Airtable
Szczegółowe, krok po kroku, praktyczne wyjaśnienie, jak zrealizować katalog obiektów z automatycznym aktualizowaniem przez Airtable + Wix API, abyś mógł zrozumieć logikę techniczną i zrealizować to w formie MVP na WIX
✅ CO TWORZYMY
Katalog obiektów na stronie (Wix), który:
pobiera dane z Airtable,
automatycznie się aktualizuje,
pozwala filtrować obiekty,
pokazuje aktualne ceny, plany, zdjęcia,
działa jak CMS, ale z zewnętrznym źródłem danych.
🔥 OGÓLNA ARCHITEKTURA (prosta, ale skuteczna)
Airtable (dane o obiektach)
↓ API
Wix Backend → Wix Database Collections → Wyświetlanie na stronie
↓
Strony partnerskie (filtrowany katalog)
🚀 ETAP 1 — Przygotowanie Airtable
1. Tworzymy bazę Airtable "Dubai Real Estate Inventory"
Tabela “Projects” z takimi kolumnami:
| Pole | Typ | Opis |
|---|---|---|
| project_id | Tekst jednoliniowy | Unikalny ID |
| developer | Tekst jednoliniowy | DAMAC / EMAAR / Sobha |
| project_name | Tekst jednoliniowy | Nazwa projektu |
| location | Tekst jednoliniowy | Business Bay / Dubai Creek |
| price_from | Liczba | Minimalna cena |
| currency | Tekst jednoliniowy | AED |
| ROI | Liczba | Potencjalny ROI |
| photos | Załącznik | Zdjęcia |
| brochure | Załącznik | |
| description | Tekst długi | Opis |
| status | Wybór jednolity | Off-plan / Gotowy |
| handover | Data | Kwartal/rok |
| update_timestamp | Formuła | LAST_MODIFIED_TIME() |
🚀 ETAP 2 — Uzyskanie kluczy API
W Airtable:
👉 Wchodzimy w Developer Hub → API Tokens → Create token
Wybieramy:
Dostęp do odczytu bazy
Brak potrzeby zapisu
Uzyskujemy:
Klucz API
ID bazy
ID tabeli
To wszystko, co potrzebne do integracji.
🚀 ETAP 3 — Przygotowanie WIX
1. Włącz tryb dewelopera w Wix (Wix Velo)
W Wix Editor → Dev Mode → Turn On
Teraz dostępne:
katalog backendowy
pliki kodu
ustawienia funkcji HTTP
2. Stwórz kolekcje Wix
Potrzebujesz kolekcji:
"Inventory"
Pola są takie same, jak w Airtable.
🔥 Ważne:
Ustaw Write disabled dla użytkowników
Odczyt: każdy (aby strona pokazywała dane)
🚀 ETAP 4 — Automatyczny import przez Wix Backend
W sekcji Back-end tworzymy plik:
backend/airtable.js
Kod (uproszczony, działający):
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 "Synchronizacja zakończona";
}
🚀 ETAP 5 — Uruchomienie synchronizacji
1. Dodaj funkcję HTTP
Plik:
backend/http-functions.js
import {syncInventory} from 'backend/airtable';
export function get_sync(request) {
return syncInventory().then(result => {
return {
status: 200,
body: result
}
});
}
Teraz:
można uruchomić przez URL
https://yourdomain.com/_functions/sync
2. Automatyzacja
W Wix Automations:
Trigger: Co 24 godziny
Action: Wywołaj URL → _functions/sync
Katalog zawsze aktualny.
🚀 ETAP 6 — Wyświetlanie katalogu na stronie
1. Tworzymy Repeater w Wix
Elementy:
zdjęcie
nazwa projektu
lokalizacja
cena
CTA (zobacz szczegóły)
Podłączamy do:
→ Dataset → Kolekcja “Inventory”
🚀 ETAP 7 — Filtry dla partnerów
Przykład filtrów:
price_from < 300k
location = “Business Bay”
ROI > 8%
Kod filtru na przycisku:
$w("#dataset1").setFilter(
wixData.filter()
.eq("location", $w("#locationDropdown").value)
.ge("ROI", Number($w("#roiInput").value))
);
🚀 ETAP 8 — Strony docelowe dla partnerów (white-label)
Dla każdego partnera generujemy URL:
domain.com/nl-partner01
domain.com/dk-invest-consult
domain.com/pl-warsaw-office
Każda strona:
połączona z tą samą kolekcją
ale z filtrem:
Przykład:
$w("#dataset1").setFilter(
wixData.filter().eq("country", "Netherlands")
);
🚀 ETAP 9 — Dodajemy system śledzenia UTM
Do formularza leada dodajemy ukryte pole:
$w("#partnerId").value = wixLocation.query.partner;
Teraz każdy lead:
ma ID partnera,
automatycznie trafia do CRM.
🚀 ETAP 10 — Panel partnerski
W WIX:
tworzymy Obszar Członkowski,
rola: Partner,
dostęp do:
statystyk,
instrukcji,
materiałów dewelopera,
Excel/Google Sheet ze statusami transakcji (tylko do odczytu),
katalogu.
-
1973 17 0 1 Witaj! Zadanie jest zrozumiałe. Zrealizuję integrację Airtable i Wix. Wykonam wszystko punkt po punkcie. Zrobię automatyczny import obiektów nieruchomości, skonfiguruję filtrację na froncie. Kod z twojego przykładu wezmę za podstawę, ale dopracuję go dla stabilności (obsługa błędów API, aktualizacja istniejących rekordów zamiast duplikowania ...).
-
988 9 0 Dzień dobry!
Przeanalizowaliśmy Twój projekt i mamy odpowiednie doświadczenie.
Oceniłbym ten projekt na 25000 zł.
W skład tego wchodzi:
- opracowanie struktury;
- pisanie tekstów;
… - projektowanie;
- skład;
- wprowadzanie poprawek i naprawa błędów;
- ustawienia techniczne;
- konsultacje i szkolenie z obsługi panelu administracyjnego;
- subskrypcja na Wix (180$/rok).
Oto przykłady prac na Wixie:
https://www.welabeldata.com/
https://www.concept-innovation-school.com/
https://www.lvl.com.ua/
https://www.houseofvlada.com
https://www.openheart.com.ua/
To jest oferta pakietowa. Jeśli którąś z części realizujesz po swojej stronie - proszę napisz w wiadomości prywatnej, aby omówić koszt.
-
11111 99 0 1 Witam.
Mogę zrealizować tylko na webflow + cms brige + airtable.
WIX jest zbyt słaby do tego.
Jeśli pasuje, piszcie.
-
237 Dzień dobry!
Jestem gotowy do wykonania integracji Airtable → Wix oraz skonfigurowania automatycznego katalogu obiektów.
Już pracowałem z podobną architekturą (Wix Velo + zewnętrzne API + auto-synchronizacja), dlatego mogę zrealizować pełny cykl:
Co dokładnie zrobię:
• Podłączę Airtable API (bezpieczny token, ID bazy, ID tabeli)
• Zrealizuję funkcję backendową do importu danych do Wix Collections
• Skonfiguruję automatyczne aktualizacje (co 24 godziny lub częściej)
… • Stworzę katalogi / repozytoria z filtrami
• Dodam wsparcie dla zdjęć, PDF, cen, ROI, statusów, dat
• Zrobię filtrowane landing page dla partnerów (white-label)
• Dodam UTM tracking zgłoszeń w CRM
Dlaczego mogę to wykonać:
Rozumiem techniczną logikę Wix Velo (funkcje backendowe, fetch, punkty końcowe HTTP, Wix Data), pracuję z REST API, w tym z Airtable.
Mogę szybko i stabilnie zbudować MVP — z czystym kodem i podstawową dokumentacją.
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Przeniesienie strony z OpenCart na platformę KhoroshopDzień dobry. Jest strona na OpenCart, sklep internetowy. Należy przenieść strukturę strony na platformę GoodShop, dobrać design dla nowej strony i uczynić ją w pełni funkcjonalną. Układ HTML i CSS, Programowanie stron internetowych ∙ 2 godziny 6 minut temu ∙ 16 ofert |
Wprowadzenie poprawek na stronie (WP, Elementor)Dzień dobry. Trzeba wprowadzić 2 poprawki na stronie: 1. Menu główne "pływa" przy najechaniu kursorem, plus w wersji ukraińskiej jest wyśrodkowane pionowo (tak ma być), a w rosyjskiej - bez wyśrodkowania, na górze. Trzeba wyśrodkować rosyjskie jak w ukraińskim. 2. Na stronie… Programowanie stron internetowych ∙ 4 godziny 42 minuty temu ∙ 48 ofert |
Należy zmodernizować panel administracyjny w Open Cart dla wygody.Specyfikacja techniczna dotycząca konfiguracji/rozwoju OpenCart 1. Katalog → Produkty Zadanie 1. Dodać kolumnę „Kategoria” do listy produktów Zadanie 2. Dodać kolumnę „Artykuł” do listy produktów Zadanie 3. Dodać kolumnę „Data i czas utworzenia produktu” Zadanie 4. Szybka edycja… Programowanie stron internetowych ∙ 4 godziny 59 minut temu ∙ 41 ofert |
Dopracowanie katalogu dla strony internetowejNa stronie katalogu należy wprowadzić poprawki: (pracę można podzielić na etapy lub wziąć część według kwalifikacji) 1. W panelu administracyjnym możliwość wgrywania plików SQL do aktualizacji cen (w archiwum jest plik price_balluff_2026_for_site.sql). (obecnie są wgrane przez… AI tekst, Programowanie stron internetowych ∙ 5 godzin 7 minut temu ∙ 27 ofert |
WhatsApp Business API / Meta Cloud API.Witaj. Potrzebuję pomocy w oficjalnym podłączeniu WhatsApp Business API / Meta Cloud API. Sytuacja jest następująca: Posiadam już działający numer WhatsApp Business. Jest on obecnie używany na telefonie w aplikacji WhatsApp Business. Nie chcę usuwać aplikacji, przenosić numeru… Programowanie stron internetowych ∙ 5 godzin 50 minut temu ∙ 16 ofert |