Zlecenia dla freelancerów

Zlecenia dla freelancerów

MVP na Wix przez Airtable

Programowanie stron internetowych, Kompleksowe prace nad stroną internetową — podano nieprawidłowe kategorie?

Zlecenie jest tłumaczone automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

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

Oferty 5

Ihor Leontiuk

18 0

Budżet: 16000 UAH Termin: 7 dni

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

Viktor Kovalenko

9 0

Zlecenia 9
Ocena -
Ranking 988

Budżet: 25000 UAH Termin: 22 dni

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.

Ivan Nikolaychuk

99 0

Budżet: 10000 UAH Termin: 2 dni

Witam.
Mogę zrealizować tylko na webflow + cms brige + airtable.
WIX jest zbyt słaby do tego.
Jeśli pasuje, piszcie.

Danylo Barkov

0 0

Zlecenia -
Ocena -
Ranking 237

Budżet: 12500 UAH Termin: 5 dni

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

Andrii Dryha
Dniepr, Ukraina

Zleceń 17
Ocena -
Ranking 565