Dodaj Floori Lite do swojej strony www

Jak dodać wizualizator Floori Lite (wtyczka internetowa) bezpośrednio do docelowej strony www?

1. Uzupełnij pole nazwa użytkownika (opcjonalnie)

Krok ten jest opcjonalny i ma na celu uproszczenie adresu wizualizatora Floori.

Po zalogowaniu w portalu pod adresem www.portal.floori.io przechodzimy do zakładki „Ustawienia konta”  i wciskamy przycisk „Edytuj”, następnie wpisujemy nazwę użytkownika.

W tym polu nie można używać innych znaków niż małe litery, odstępy również nie są dostępne.

Tak jak wspomniano wyżej nazwa użytkownika definiuje adres naszego wizualizatora. Na przykład jeśli nadamy nazwę użytkownika „kowalski” adres wizualizatora będzie wyglądał tak – https://kowalski.floori.io.

2. Adres wizualizatora Floori

W celu dodania wtyczki na stronie musimy znać adres wizualizatora Floori Lite. Po zalogowaniu wchodzimy w zakładkę „Floori Lite” i znajdujemy napis „Kliknij tutaj!”.

Z tego miejsca możemy kliknąć prawym przyciskiem myszy na napisie i wybrać opcję „Kopiuj adres linku” lub kliknąć lewym przyciskiem myszy i skopiować adres wizualizatora z naszej przeglądarki.

3. Dodanie kodu HTML do strony

Skopiowany link odnośnika (poniżej przykład) należy dodać do kodu HTML (przykład również poniżej). Cały kod HTML należy dodać do kodu źródłowego strony WWW w miejscu gdzie chcą Państwo dodać wizualizator Floori Lite.

Przykładowy adres wizualizatora Floori Lite: 

https://lite.actumwork.pl/preview/74513061d8a22e476bbf21b7714d8e772e547225825f1e4510de0e5f9c3e977f90e170b7665bd7823fdbc31683d95d0ad979

lub jeżeli wykonaliśmy pierwszy krok i dodaliśmy nazwę użytkownika

https://kowalski.floori.io/

Przykładowy kod HTML iframe do dodania na stronę:

<iframe src=”https://lite.actumwork.pl/preview/74513061d8a22e476bbf21b7714d8e772e547225825f1e4510de0e5f9c3e977f90e170b7665bd7823fdbc31683d95d0ad979″ style=”width:100%;height:82vh;border:none;”></iframe>

Dodatkowo warto również dostosować styl (np. ramkę, kolor tła, itp.) tak, aby wtyczka pasowała do Państwa strony internetowej lub sklepu e-commerce.

I gotowe! Wizualizator dostępny będzie na docelowej stronie internetowej.

Dobrą praktyką jest również umieszczenie pod każdym Państwa produktem na stronie www lub sklepie e-commerce, dedykowanego linku który przeniesie użytkownika bezpośrednio do danego produktu w wizualizatorze Floori Lite.

Po wejściu na kartę danego produktu na Floori Portal, można znaleźć link, który bezpośrednio po dodaniu zdjęcia pomieszczenia lub wybraniu przykładowego pomieszczenia z galerii, przekieruje do danego produktu:

Poniżej jeszcze kilka ciekawych wdrożeń Floori Lite na stronach internetowych i sklepach e-commerce naszych klientów:

https://www.swisskrono.pl/wybierzpodloge

https://jawor-parkiet.pl/645/aranzator.html 

https://www.domdrewna.com/content/27-konfigurator-podlog 

Pytania, wątpliwości? Jesteśmy tu, aby pomagać 🙂 

Napisz do nas na Hello@Floori.io