Wszystkie usługi08 / 19

Własny kod na stronie w Webflow

Kalkulatory, filtry, formularze wieloetapowe i mapy: te części strony, których Webflow nie zbuduje sam.

A PAGE WITH EMBED B CODE yoursite.com/moving-quote Get a moving quote CUSTOM CODE, EMBED Quote calculator STEP 1 OF 2 ROOMS 3 1 2 3 4 5 6 7 8 DISTANCE 42 km 0 20 40 60 80 100 Packing service + EUR 210 Piano or safe + EUR 180 Storage, one month + EUR 90 ESTIMATE EUR 1,240 BASE 400 3 ROOMS × 140 420 42 KM × 5 210 PACKING 210 Send me the quote NEXT: CONTACT DETAILS calculator.js consent.js 1 const RATES = { base: 400, room: 140, km: 5, packing: 210 }; 2 3 export function estimate({ rooms, km, packing }) { 4 return RATES.base + rooms * RATES.room 5 + km * RATES.km + (packing ? RATES.packing : 0); 6 } 7 8 form.addEventListener('submit', async (event) => { 9 event.preventDefault(); 10 const lead = collect(form); 11 if (consent.analytics) track('quote_requested', lead); 12 await hubspot.createDeal(lead); 13 showThanks(); 14 }); EMBED LEAD SENT TO HUBSPOT HUBSPOT Deal created, EUR 1,240 ANALYTICS quote_requested CONSENT Analytics granted EMAIL Quote sent to the client COOKIE CONSENT Accept all Reject Settings 10:42:03 quote_requested 10:42:04 hubspot.deal.created
Ryc. 2.6Własny kalkulator osadzony na stronie w Webflow

Może jesteś tu, bo

Co dostajesz

Te części strony, których Webflow nie zrobi sam.

Pisane w czystym JavaScripcie, gdzie się da, ładowane tylko na podstronach, które tego potrzebują, i opisane tak, żeby następny developer się w tym odnalazł.

  • Kalkulatory

    Wyceny i konfiguratory, które pokazują kwotę, zanim odwiedzający musi o nią pytać.

  • Formularze wieloetapowe

    Formularze wyceny i rezerwacji, które pytają o jedną rzecz naraz i wysyłają czyste dane.

  • Filtry i wyszukiwarka

    Dla list w CMS, które przerosły jedną stronę.

  • Mapy

    Interaktywne mapy, które pobierają punkty z CMS.

  • Komponenty w kodzie

    Małe komponenty napisane w kodzie, które siedzą w Designerze jak każdy inny element.

  • Notatki dla następnego developera

    Gdzie jest kod, od czego zależy i jak go zmienić.

Jak to przebiega

  1. 01

    Opisz, co ma robić

    Własnymi słowami albo z linkiem do czegoś podobnego.

  2. 02

    Dostań wycenę

    W godzinach, zanim zacznę.

  3. 03

    Testy na stagingu

    Na telefonie i na wolnym łączu, nie tylko na moim ekranie.

  4. 04

    Kod trafia na stronę, z notatkami

    Krótki opis, gdzie jest kod i jak go zmienić.

Cena

Rozliczenie godzinowe, najpierw wycena.

Wycena obejmuje testy i notatki, nie tylko pisanie kodu.

Stawka godzinowa

40

USD za godzinę

W realizacjach

Platforma AI do obsługi klienta

Welyo

Mega menu i animowane grafiki w dwóch językach.

Zobacz case study
The Welyo home page

Organizacja non-profit, mobilność miejska

Zero Wait

Interaktywna mapa przejść dla kampanii o bezpieczeństwie na drogach.

Zobacz case study
Strona główna Zero Wait

Firma przeprowadzkowa

Minute Men Movers

Strona, na której każdy ekran prowadzi do wyceny albo telefonu.

Zobacz case study
Strona główna Minute Men Movers

Pytania

Czy Webflow pozwala na własny kod?

Tak, na płatnych planach: w ustawieniach strony, na poziomie podstrony i w osadzeniach. Dłuższe skrypty trzymam w pliku poza Webflow i stamtąd je ładuję.

Czy własny kod spowolni stronę?

Nie powinien. Skrypty ładują się tylko na podstronach, które ich używają, i dopiero gdy strona jest gotowa do użycia.

Czy przestanie działać po aktualizacji Webflow?

Może, jeśli opiera się na wewnętrznym kodzie Webflow. Dlatego podpinam go pod twoje własne klasy i atrybuty.

Poprawisz kod, który napisał inny developer?

Zwykle tak. Najpierw go czytam i mówię, czy taniej go poprawić, czy napisać od nowa.

Pasuje do tego

Integracje

Twoja strona w Webflow połączona z narzędziami, na których firma już pracuje: formularze trafiają do CRM, analityka mierzy właściwe rzeczy, a zgody na cookies wstrzymują tagi.

Usługa

Animacje i interakcje

Efekty przy przewijaniu, przejścia i ruch, który tłumaczy produkt, zbudowane w GSAP i Webflow Interactions i przetestowane na telefonach.

Usługa

Twoja strona

Nie wiesz, czego twoja strona potrzebuje najpierw?

Odbierz darmowy audyt strony

Następna usługa

Wersje językowe

09 / 19

Darmowy audyt

Odbierz darmowy audyt swojej strony.

Nagranie na 5–10 minut z trzema rzeczami do poprawy. Bez rozmowy i bez podpisywania czegokolwiek.