Webflow
Konfigurator produktów w Webflow w jednym osadzeniu
Dodaj konfigurator produktów 3D do Webflow elementem Embed, na stronie statycznej lub w szablonie CMS. Publikacja, umiejscowienie, pola CMS i pułapki w skrócie.
Bez instalowania wtyczkiDziała z Twoim motywemZapytania trafiają do Twojego lejka
Skonfiguruj
Dodaj to do Webflow w kilka minut
- Zbuduj swój produkt albo otwórz go w panelu i skopiuj jego linijkę osadzenia.
- W Webflow Designerze otwórz panel Add i przeciągnij element Embed (w niektórych wersjach Code Embed) do sekcji, w której ma stanąć konfigurator.
- Wklej linijkę do edytora kodu i zapisz.
- Ustaw sekcję nadrzędną na pełną szerokość i zostaw jej wysokość na auto.
- Opublikuj na testowej domenie webflow.io, przetestuj, a potem opublikuj na własnej domenie.
Webflow nie uruchamia własnych skryptów w Designerze, więc widzisz tam zaślepkę. Tak ma być. Funkcje własnego kodu zależą od Twojego planu Webflow; sprawdź swój, zanim zaczniesz.
<script src="https://store.nextconfigurator.com/static/embed.js" data-calipy="https://store.nextconfigurator.com/p/YOUR-STORE/embed/YOUR-PRODUCT"></script>Przykład. Twój własny kod znajdziesz na stronie produktu w panelu, w sekcji „Osadź na innych stronach”, oraz na stronie, którą widzisz po zbudowaniu konfiguratora.
Aby dodać konfigurator produktów 3D do Webflow, przeciągnij element Embed na stronę lub do szablonu CMS, wklej jednolinijkowe osadzenie i opublikuj; konfigurator pokazuje się na opublikowanej stronie, a nie w Designerze. Zapytania ofertowe trafiają do Twojego lejka sprzedaży Next Configurator.
Czym to jest
Konfigurator produktów w Webflow to projektant 3D w Twoim układzie Webflow, w którym klienci ustawiają wymiary produktu, wybierają opcje i wysyłają zapytanie. Strony w Webflow często starannie buduje projektant, więc osadzenie dobrze tu pasuje: jeden element we własnej sekcji, ostylowany wokół tak, jak chcesz, bez zmian w reszcie strony.
Publikacja
Najpierw testuj na domenie testowej. Jeśli ograniczyłeś osadzanie produktu do własnych stron, dodaj adres webflow.io oraz własną domenę, inaczej test na domenie testowej niczego nie pokaże. Po publikacji otwórz stronę po wylogowaniu i wyślij testowe zapytanie.
Umieszczanie w szablonach CMS
Jeśli trzymasz produkty w kolekcji CMS, na przykład jeden element na model pergoli, umieść element Embed na stronie szablonu kolekcji (Collection template page). Edytor Embed na stronie szablonu potrafi wstawiać pola CMS do kodu. Dodaj do kolekcji zwykłe pole tekstowe z adresem osadzenia produktu i wstaw je do atrybutu data-calipy, a każdy element załaduje własny konfigurator z jednego szablonu.
Zostaw pole puste dla elementów bez konfiguratora i użyj widoczności warunkowej, żeby ukryć dla nich sekcję.
Co widzi klient
Konfigurator siedzi w Twoim projekcie. Klient ustawia szerokość i głębokość pergoli, wybiera lamele lub stały dach, kolor RAL i oświetlenie, ogląda model w 3D i w AR w telefonie, i wysyła zapytanie. Ceny pokazują się na żywo, jako „od” albo wcale, zależnie od produktu.
Gdzie trafiają zapytania
Zapytania trafiają do Twojego lejka sprzedaży Next Configurator, a nie do zgłoszeń formularzy Webflow. Każde zamieniasz w numerowaną ofertę z opcjami i stroną oferty online, a przypomnienia pilnują otwartych zapytań.
Na co zwrócić uwagę
- Stała wysokość. Sekcja ze stałą wysokością lub ukrytym overflow przytnie konfigurator. Użyj wysokości auto.
- Banery zgód. Dopuść konfigurator jako skrypt funkcjonalny.
- Kilka stron. Jeden Embed na konfigurator; w szablonach CMS jedno pole na element.
Pytania i odpowiedzi
Wciąż się zastanawiasz? Pokażemy Ci wszystko na Twoim własnym produkcie.
Umów prezentacjęDlaczego nie widzę konfiguratora w Designerze?
Webflow nie uruchamia własnych skryptów w Designerze. Opublikuj i sprawdź stronę testową lub produkcyjną.
Czy jeden szablon CMS może obsłużyć wszystkie moje produkty?
Tak. Zapisz adres osadzenia każdego produktu w polu CMS i wstaw je do kodu Embed na stronie szablonu.
Czy to wpływa na moje interakcje w Webflow?
Nie. Konfigurator działa we własnej ramce wewnątrz elementu i nie rusza Twoich interakcji.
Czy mogę stylować konfigurator w Webflow?
Styluj sekcję wokół niego w Webflow. Kolory i czcionki wewnątrz konfiguratora pochodzą z ustawień Twojego sklepu w Next Configurator.
Online w trzy minuty. Twój za 499 € miesięcznie.
14 dni okresu próbnego, potem jeden plan ze wszystkim. Działa w około trzy minuty. Rezygnujesz w dowolnym miesiącu.