Can the Fision Web SDK be easily integrated into a Webflow project?

Published on
September 22, 2023

Integrating the Fision Web SDK into a Webflow Project

The Fision Web SDK is a powerful tool that allows you to easily embed digital assets such as images, videos, and 3D models directly into your website. Integrating the Fision Web SDK into a Webflow project can be done in a few simple steps:

  1. Register for a Fision account: Before you can start using the Fision Web SDK, you'll need to sign up for a Fision account. You can do this by visiting the Fision website and clicking on the "Sign Up" button. Once you've created an account, you'll be able to access the SDK and generate the necessary API keys.

  2. Obtain your API keys: To integrate the Fision Web SDK into your Webflow project, you'll need to generate API keys. These keys will give you access to the Fision API, allowing you to retrieve and display your digital assets. You can find your API keys in the Fision dashboard after you've logged in.

  3. Add the Fision Web SDK script: In your Webflow project, navigate to the page where you want to integrate the Fision Web SDK. Open the page settings and go to the "Custom Code" tab. In the "Head Code" section, paste the following script tag:

<script src="https://sdk.fision.io/fision-sdk.js" async></script>

This script will load the Fision Web SDK onto your page.

  1. Initialize the Fision Web SDK: To start using the Fision Web SDK, you'll need to initialize it with your API keys. You can do this by adding the following JavaScript code to the page where you want to display your digital assets:
<script> Fision.init({   apiKey: 'your-api-key',   secret: 'your-secret-key' });</script>

Replace 'your-api-key' and 'your-secret-key' with your actual API keys.

  1. Implement the Fision Web SDK: You can now start using the Fision Web SDK to embed your digital assets into your Webflow project. The SDK provides various methods for retrieving and displaying assets, such as Fision.getAsset() to retrieve a specific asset and Fision.displayAsset() to display an asset on your page.

With these steps, you should be able to easily integrate the Fision Web SDK into your Webflow project and start leveraging its powerful features to enhance your website with dynamic and interactive digital assets.

Additional Questions:

  1. How can I sign up for a Fision account?
  2. What are the benefits of integrating the Fision Web SDK into a Webflow project?
  3. Are there any alternative SDKs similar to Fision that can be used with Webflow?