Easy Integration Guide for Vertical SaaS & Liferaft

Are you a vertical SaaS provider looking for a seamless way to enhance your platform with employee benefits? Integrating an embedded benefits platform like Liferaft can elevate your user engagement and deliver personalized benefits that truly resonate. If you're new to this process, don't worry! This beginner-friendly, step-by-step guide will walk you through everything you need to know to successfully integrate Liferaft into your application.

---

Introduction

In today’s competitive SaaS landscape, offering value-added features such as employee benefits can set your platform apart. Liferaft provides an embedded employee benefits platform that can be seamlessly integrated into your existing SaaS application. This integration not only boosts user engagement but also allows you to customize benefits to meet your users' unique needs.

Whether you're a developer, product manager, or business owner, understanding how to incorporate Liferaft into your SaaS can seem daunting at first. This guide simplifies the process, providing clear instructions, best practices, and real-world examples.

---

Why Integrate Liferaft?

Benefits of Embedded Employee Benefits

• Enhanced User Engagement: Offering benefits directly within your platform keeps users engaged and increases retention.

• Personalized Offerings: Customize benefits based on user preferences, location, or behavior.

• Competitive Advantage: Stand out from competitors by providing comprehensive, integrated benefits.

• Streamlined User Experience: Simplify access to benefits without redirecting users outside your app.

Why Choose Liferaft?

• Easy-to-integrate API

• Customizable UI components

• Robust backend for benefits management

• Support for various benefit types (health, wellness, financial, etc.)

---

Prerequisites

Before diving into integration, ensure you have:

• Access to your SaaS platform’s backend and frontend codebases.

• An active Liferaft account with API credentials.

• Basic understanding of REST APIs and JavaScript/React (or your preferred frontend framework).

• Knowledge of your platform’s user data structure for personalization.

---

Step-by-Step Integration Guide

Step 1: Obtain Liferaft API Credentials

1. Sign up or log in to your Liferaft dashboard.

2. Navigate to the API section.

3. Generate API keys (public and secret keys).

4. Store these securely; you’ll need them for authentication.

Step 2: Understand Liferaft’s Embed Options

Liferaft offers several embedding options:

• Embedded Widgets: Pre-built UI components that can be embedded via iframe or JavaScript.

• Custom UI Integration: Use API endpoints to create fully customized UI within your app.

For beginners, starting with embedded widgets is recommended.

Step 3: Embed Liferaft Widget into Your Application

Suppose your platform uses React. Here’s a simple example:

import React, { useEffect } from 'react';

const LiferaftBenefits = () => {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://cdn.liferaft.com/embed.js';
    script.async = true;
    document.body.appendChild(script);

    script.onload = () => {
      if (window.LiferaftEmbed) {
        window.LiferaftEmbed.init({
          containerId: 'liferaft-container',
          apiKey: 'YOUR_API_KEY',
        });
      }
    };

    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return (
    <div id="liferaft-container" style={{ minHeight: '400px' }}>
      {/* Widget will load here */}
    </div>
  );
};

export default LiferaftBenefits;

Replace 'YOUR_API_KEY' with your actual API key.

Step 4: Customize the Benefits Display

Liferaft allows some customization via initialization parameters:

• Benefit Types: health, wellness, financial, etc.

• User Data: pass user info to personalize benefits.

Example:

window.LiferaftEmbed.init({
  containerId: 'liferaft-container',
  apiKey: 'YOUR_API_KEY',
  userId: currentUser.id,
  benefitsTypes: ['health', 'financial'],
});

Step 5: Handling User Data and Personalization

Personalized benefits require passing user data:

• Fetch user info from your database.

• Pass relevant data to the Liferaft widget during initialization.

Step 6: Testing the Integration

• Verify the widget loads correctly.

• Check if benefits are personalized based on user data.

• Ensure interactions (clicks, selections) are functioning.

• Test across different devices and browsers.

Step 7: Launch and Monitor

• Deploy the changes to your production environment.

• Use Liferaft’s analytics to monitor user engagement.

• Gather user feedback for continuous improvements.

---

Real-World Example: Boosting Engagement in a HR SaaS

Let’s consider a HR SaaS platform that integrated Liferaft’s benefits widget. After embedding and personalizing the benefits, the platform saw:

• 30% increase in user engagement with benefits features.

• Higher satisfaction scores from employees.

• Reduced support queries related to benefits.

This demonstrates how straightforward integration can deliver tangible business improvements.

---

Tips for a Smooth Integration

• Start Small: Begin with a basic widget before customizing heavily.

• Use Clear Documentation: Liferaft provides comprehensive API docs.

• Test Extensively: Ensure the widget functions well across devices.

• Gather Feedback: Talk to users about their experience.

• Iterate and Improve: Use analytics to refine benefits offerings.

---

Conclusion

Integrating Liferaft’s embedded employee benefits platform into your vertical SaaS application is a powerful way to boost user engagement and deliver personalized benefits. By following this step-by-step guide, even beginners can confidently implement and customize benefits features that add real value to your users.

Remember, the key to successful integration is starting simple, testing thoroughly, and continuously listening to your users’ needs. With Liferaft’s flexible tools and your platform’s capabilities, you’re well on your way to creating a more engaging and valuable SaaS experience.

Happy integrating!