Lili Embedded Onboarding
Getting Started
- Call the Lili Create Application API to get the user token
- Embed the Lili UI using the following javascript snippet:
<script src="https://cdn.lili.co/connect.min.js"
data-target-div="lili"
data-external-id="r67864765"
data-token="XXXXXXX"
data-env="Sandbox"
id="lili-onboarding-iframe"></script>- The following parameters are required:
| Parameter Name | Description |
|---|---|
| data-env | Sandbox/Prod - determine which environment to use for the onboarding |
| data-external-id | The partner unique ID, as passed in the Create Application API. Optional. |
| data-target-div | The DIV in which to present the Lili Create Application UI process |
| data-token | The JWT token received from the Create Application API |
- Please note that the script tag must be located before the closing
</body>tag in the HTML document
Sample HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lili Embed</title>
</head>
<body>
<h1>Host Lili App Inside Your Page</h1>
<!-- create a target div, where the lili app will appear -->
<!-- The lili app will take the entire size of the target div. in this example we set it to 100vh -->
<div id="lili" style="height: 100vh"></div>
<!-- place this script tag BEFORE the closing </ body> tag -->
<!-- assign attributes -->
<script src="https://cdn.lili.co/connect.min.js"
data-target-div="lili"
data-external-id="r67864765"
data-token="76523465"
data-env="Sandbox" id="lili-onboarding-iframe"></script>
</body>
</html>GTM Support
Prerequisites:
- The exported JSON file containing the container configuration
- Admin access to the destination Google Tag Manager account
Steps
Access Google Tag Manager
- Log in to your Google Tag Manager account
- Navigate to the container where you want to merge the configuration
Import Container
- Click on "Admin" in the top navigation
- In the Container column, click "Import Container"
- Click "Choose container file" and select the provided JSON file
- Select "Merge" as the import option (not "Overwrite")
- Choose "Existing Workspace" or create a new one
- Click "Confirm" to start the import
Review Changes
- After import, review all imported tags, triggers, and variables
- Check for any naming conflicts with existing configuration
- Verify that imported triggers are correctly associated with their respective tags
- Ensure all variables are properly configured
Submit Changes
- Once testing is complete and everything works correctly
- Add a descriptive name and notes for the version
- Click "Submit" to publish the changes
- Verify the changes are live in the published version