Overview

There are two ways to create a Flow: using the Builder Kit for Framer or an alternative solution.

If you already have an existing funnel or prefer to use another solution instead of the Builder Kit, you'll need to manually integrate our Web Library and call specific methods to initialize the SDK, load placements, and more. Refer to our Connect Existing Funnel guide for detailed instructions.

Initialize Apphud Web SDK

After creating a Flow in Apphud dashboard, you will get an API key. Use this API key to initialize Apphud Web SDK:

<script>
await apphud.init({
  apiKey: "your_api_key_here",
  debug: true,
});
</script>

SDK must be initialized in the body tag. You can head and body tags editor in Framer's page settings.

Using the Builder Kit for Framer

The Builder Kit is a collection of pre-designed and pre-coded components that enable developers to effortlessly create websites in Framer. These components are pre-integrated with the Apphud SDK, eliminating the need for additional coding.

No coding is required—simply drag and drop. Apphud will automatically track all necessary events, such as completed steps, selected answers, paywall displays, and more.

IMAGE

Benefits of Using Framer

• Localized Flows: Easily adapt flows for different languages or regions.
• Beautiful No-Code Animations: Create visually appealing effects without coding.
• AI Tools: Enhance your design process with AI-powered tools.
• Pre-Built Visual Effects: Access a library of ready-made effects.
• Team Collaboration: Work seamlessly with your team in real-time.
• Enterprise-Grade Performance: Build high-performing, scalable websites.

Guide to Using the Builder Kit

Since the Flows add-on is available by request only, please contact our team to gain access. Once approved, you will receive a link to the Builder Kit.

Comprehensive documentation for using Apphud components is included within the Builder Kit.

For any technical questions, our Flows representative is ready to assist.

Connect with Our Framer Experts

Having trouble building a Flow? Let our team help!

Our Framer experts are ready to design and implement your Flow for you. Contact your success manager to get started.