Insights

Comment ajouter le visualiseur de revêtements de sol Floori Lite à votre site Web

Comment ajouter le visualiseur Floori Lite à votre site Web ?

  1. Ajouter un nom de sous-domaine (facultatif)

Après vous être connecté à votre compte sur https://portal.floori.io/login accédez à l’onglet « Paramètres du compte » dans le menu de gauche.

Cliquez ensuite sur le bouton « Modifier » en bas et remplacez le champ Sous-domaine par le nom de votre choix. Veuillez noter que seules les lettres minuscules sont autorisées, cela signifie qu’il n’y a pas d’espace. Par example:

De cette façon, notre visualiseur Floori Lite sera sur https://jsfloors.floori.io/

2. Trouvez l’adresse URL du visualiseur Floori Lite

Si vous avez sauté l’étape 1, connectez-vous d’abord à votre compte sur https://portal.floori.io/login.

Maintenant que nous sommes sûrement connectés au portail, il existe 2 façons d’établir l’adresse URL du visualiseur.

La première consiste à cliquer sur « Lancer Floori Lite » dans le coin supérieur droit et à copier l’adresse à partir du navigateur.

La deuxième consiste à accéder à l’onglet « Floori Lite » dans le menu de gauche et à cliquer sur « Cliquez ici ! » à côté du champ URL Floori Lite avec le bouton droit de la souris et sélectionnez Copier l’adresse du lien.

3. Intégrez le code

Le lien du lien copié (exemple ci-dessous) doit être ajouté au code HTML (exemple ci-dessous). Tout le code HTML doit être ajouté au code source de la page Web où vous souhaitez ajouter le visualiseur Floori Lite.

Un exemple d’adresse/iframe du visualiseur Floori Lite :

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

ou, si nous avons ajouté le sous-domaine :

https://jsfloors.floori.io/

Exemple de code HTML iframe à ajouter à la page :

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

ou, si nous avons ajouté le sous-domaine :

<iframe src="https://kowalski.floori.io/" style=”width:100%;height:82vh;border:none;"></iframe>

De plus, il vaut également la peine d’ajuster le style (par exemple, le cadre, la couleur de fond, etc.) afin que le plug-in s’adapte à votre site Web ou à votre boutique en ligne.

 

Et juste comme ça, vous avez terminé! Le Floori visualiseur de revêtement de sol sera rendu sur votre site Web.

 

C’est également une bonne pratique de placer un bouton CTA sous chacun de vos produits sur votre site Web afin que lorsque le client clique sur ce bouton, il vous amène directement au produit dans le visualiseur Floori Lite.

Floori Lite CTA

Après avoir saisi un nouveau produit sur le  Portail Floori, vous pouvez trouver un lien que vous pouvez utiliser pour créer un lien vers ce bouton CTA. Ce lien dirigera les clients de votre site vers ce produit spécifique dans le visualiseur Floori.

floori-ar-rugs

L’objectif est qu’après avoir cliqué sur ce bouton, vous êtes immédiatement dirigé vers ce produit spécifique dans le visualiseur, plutôt que d’envoyer le client vers la vue de catégorie principale dans Floori.

floori lite rug sample

 

 

Vous trouverez ci-dessous quelques excellentes implémentations de Floori Lite sur les sites Web et les magasins de commerce électronique de nos clients :

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

 

Des questions, des inquiétudes ? Nous sommes là pour vous aider

Rejoins-nous: Hello@Floori.io

Thank you for requesting a call 
We’re now checking for an available person.
Minutes
Seconds
Get a call within 55 seconds 📞
Leave your number below
and we will call you right away!