Lamba Product Documentation
Learn More
  • πŸ‘‹Welcome to Lamba
  • Overview
    • πŸ’‘Why Lamba?
    • 🍒Our Strategies for Solving Problems
    • β˜‘οΈReasons Why Lamba is Almost Costless!
    • πŸ”’Methods of Security Enforcement
  • Use Cases
    • πŸ‘ For E-commerce (collecting & splitting payments)
    • 🏹For CRMs
    • πŸ‘©β€πŸ’»For CMS
    • πŸ“§Building Email Apps
    • πŸ“©Building SMS Apps
    • πŸ§‘β€πŸ€β€πŸ§‘Building Social Media Publishing Apps
  • Getting Started
    • 🀝Creating Your First App
    • πŸ”Generating API keys & Enabling Services
    • πŸ”‘Recommended Security Considerations
  • Documentation
    • 🐦Understanding Lamba Model
    • ⛱️Lamba UI (JS Client)
      • πŸ‹Live Demo
      • πŸ§‘Installation & Initialization
      • πŸ“Structure of the Initialization Object
      • πŸ§‘How to use a service
        • Using LowMail
        • Using LowSMS
        • Using LowFi
      • 〽️Listening for Events
      • πŸ•ΈοΈHandling Webhooks
    • ♐Lamba API
      • πŸŽ†Endpoint & Authorization
  • Development Roadmap
    • πŸ—ΎRDMP 2023
    • πŸ—ΎRDMP 2024
  • Join The Team
    • πŸ«‚Bring On Your Skillset
Powered by GitBook
On this page
  • Installing Lamba
  • Initializing Lamba

Was this helpful?

  1. Documentation
  2. Lamba UI (JS Client)

Installation & Initialization

Connect & Use: Lamba adopts an effortless usage model, allowing you (or your users/customers) to seamlessly connect and utilize the connected service with ease.

Usage Capability
Meaning

Connect

Indicates your intention for users to have the ability to link their preferred services, such as email or SMS sending credentials, or connecting their social media accounts.

Use

This feature implies that you intend to enable users to utilize their connected services. It should be employed alongside the Connect capability. In essence, if this feature is not included, users will only have the ability to link their services without the functionality to actually use them.

Installing Lamba

Installing Lamba is as simple as adding up the javascript library with a script tag, and the css with a link tag:

<script type="text/javascript" src="https://sdk.lambahq.com/v1.js"></script>
<link rel="stylesheet" href="https://sdk.lambahq.com/v1.min.css">

Staying updated with latest changes: Lamba is actively being enhanced and developed. To guarantee that you're using the latest and most stable version of our libraries, we suggest appending the current timestamp at the end of the src or href HTML tags. For example: https://sdk.lambahq.com/v1.js?1703924649579. Alternatively, you can use any randomly generated number to circumvent our caching strategies for these libraries. This approach is also recommended for the css https://sdk.lambahq.com/v1.min.css?1703924649579.

Initializing Lamba

The next step is initializing the Lamba Js library. This is shown below:

function openBuilder(){
  // calling with `new window.Lamba({});` OR 
  const lamba = new Lamba({ 
    title: "Lamba",
    icon: 'https://ik.imagekit.io/lambahq/lamba-dark.png',
    theme: "light", // or "dark"
    appId: "65aabeba6182d6903a2ea355", // (REQUIRED) the id of your app in your Lamba account
    customerId: "cus_x1847", // (REQUIRED) the customerId of the customer/user added to your app
    enabledServices: [], // (OPTIONAL) can be omitted if you need to display all available services
    usageCapabilities: ['connect','use'], // (REQUIRED) atleast one of "connect" and "use" must be provided
  });
  
  // call the `open` method on the lamba instance to open up the Lamba interface
  lamba.open();
}

Now that you've known how to install and initialize Lamba, the next thing is to get acquainted with the possible parameters you can pass to the Lamba object when calling new Lamba({...});

Go to the next content to get started.

PreviousLive DemoNextStructure of the Initialization Object

Last updated 11 months ago

Was this helpful?

⛱️
πŸ§‘