Integrating Audiofunnel with ClickFunnels is fairly easy.
You will have to copy/paste a little bit of code here, called a script. However, don't let yourself be intimidated by that. We'll walk you through the process step-by-step. In order to make it easy for you, we marked your To-Dos in orange.
As you might know, ClickFunnels is based on several pages that are connected with each other to create a holistic experience to the user, giving you plenty of opportunities to optimize on each step. Therefore, Audiofunnel integration happens on a page level.
Go to Edit your Landing Page (1st funnel page)
You should have an opt-in form on your landing page collecting First Name (for audio personalization) and Email (for your database). Make sure First Name is the set for the name field.
Set button action to "Submit Form"
Add a new Element > Custom JS/HTML to your landing page, anywhere, this will not show on the live page
Copy/Paste the script:
<script>
var secondPageURL = "<https://your-second-page-url>";
var aflr_builder = "clickfunnels";
</script>
<script src="<https://aflr-assets.s3-eu-west-1.amazonaws.com/widget/widgetIntegration/f.js>" defer>
</script>
<aside> 💡 The purpose of this script will is to collect the name of the user from your form and handing it over to the second page where your audio player lives.
</aside>