Adding the Flook player to your site
To create engaging user experiences with Flook, you need to add the Flook player to your website. The Flook player is a lightweight JavaScript snippet that enables Flook widgets to appear on any page where it's installed. Here's how you can easily integrate it into your site.
Step 1: Copy the Flook JavaScript Snippet
To begin, you'll need to retrieve the JavaScript snippet from your Flook dashboard. Follow these steps:
- Log in to your Flook account by visiting https://app.flook.co.
- Navigate to the Install section in the dashboard.
- Copy the JavaScript snippet provided there. It will look something like this:
<!-- FLOOK PLAYER --> <script defer src="https://cdn.flook.co/p/8894304b-4294-ta43-86da-f94614a22073.js"></script> <!-- END FLOOK PLAYER --><br>
Step 2: Add the Snippet to Your Website
Once you have copied the JavaScript snippet, you need to add it to your website. The snippet should be placed inside the <head> tag of any pages where you want Flook widgets to appear.
How to Do This:
- Open the HTML file of your website or access the appropriate file in your content management system (CMS).
- Find the
<head>section of the file. - Paste the JavaScript snippet before the closing
</head>tag, like this:
<head> <!-- FLOOK PLAYER --> <script defer src="https://cdn.flook.co/p/8894304b-4294-ta43-86da-f94614a22073.js"></script> <!-- END FLOOK PLAYER --> </head>
Important Note:
If you're not familiar with your site's code or don't have access to it, you may need to reach out to your web administrator or development team. They will be able to insert the snippet for you.
Step 3: Verify the Installation
Once the snippet is added, your Flook widgets will start appearing on the pages where the script is installed. You can manage and customize these widgets from the Flook Builder Chrome Extension
Upcoming: Google Tag Manager Integration
We are excited to announce that support for Google Tag Manager (GTM) is coming soon! With GTM, you'll be able to add the Flook player to your site without needing to modify your site's code directly. Stay tuned for updates on this feature.
By following these simple steps, you'll be all set to deliver personalized, interactive experiences to your users with Flook. If you need further assistance, don’t hesitate to reach out to our support team.