All Collections
Installing Fibbl
Embed
Choosing the right script
Choosing the right script

There are more than one script. Which one should I use?

Christian Kaunissaar avatar
Written by Christian Kaunissaar
Updated over a week ago

The Fibbl embed has a script for each component/experience but also scripts for combining multiple experiences. Most common is to set the script you need globally, then implement the components you need throughout your website:

<script src="https://cdn.fibbl.com/fibbl.js" type="module" 
data-fibbl-config
data-locale="sv-SE"
data-analytics-type="google"
data-analytics-id="G-ABCABCABC"
data-analytics-event-handler="globalFunctionNameHere"
data-token="token_given_by_Fibbl"
data-secret="secret_given_by_Fibbl">
</script>

Let's go through them all!
โ€‹
โ€‹

https://cdn.fibbl.com/fibbl.js

The fibb.js script is the main script that we recommend for almost every case. This script encapsulates all the components and experiences that is available. By using fibb.js you will never have to think about what script to use for the experiences that you wish to implement.

https://cdn.fibbl.com/fibbl-layer.js

The fibbl-layer.js is tailored for the 3D first experience. All current experiences are available in the fibbl-layer.js. It does not however contain the fibbl-bar component. So if you wish to combine the fibbl-layer with te.g: a VTO button underneath the main display window you should use the fibbl.js script.

https://cdn.fibbl.com/fibbl-bar.js

The fibbl-bar.js is tailored for the classic button implementation where you add a button for each experience in combination with you original content. If you are certain that this is experience you wish to implement then this is the script for you.

https://cdn.fibbl.com/fibbl-model-viewer.js

This script only contain the Fibbl Model Viewer, so if you wish to only implement the 3D models as a stand alone elements on your web site, you should use this script.

https://cdn.fibbl.com/fibbl-carousel.js

This script only contain the Fibbl Image Carousel, so if you wish to only implement the image slider(a.k.a carousel) as a stand alone elements on your web site, you should use this script.

https://cdn.fibbl.com/fibbl-video.js

This script only contain the Fibbl Video Component, so if you wish to only implement the video as a stand alone elements on your web site, you should use this script.

https://cdn.fibbl.com/fibbl-qr-code.js

This script contains the Virtual Try On and Augmented Reality Placement. On mobile the component element will show a button but on desktop it will show the QR-codes for each experience. If you wish to only implement Virtual Try On or Augmented Reality Placement you should use this script.

Did this answer your question?