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>

lub
<iframe src="https://kowalski.floori.io/" 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:

floori direct link

Floori Lite CTA

floori lite rug sample

 

 

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

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 

Join the companies boosting their sales with our comprehensive flooring visualizer & sales tool

Where to find us?

North America - Austin, USA

+ 1 (616) 485 6925

EMEA & APAC

+48 790 495 310

South America

+55 (11) 9 6619-6158

Poland - Warsaw, Poland

+ 48 790 495 310

floor visualizer map

Contact Us

Questions, ideas or feedback?
Send us a message and we’ll get back to you as soon as possible!