Skip to main content

Embedding Claimlane in an iFrame

This guide explains how to embed Claimlane's app inside an iFrame. The setup allows partners to display Claimlane's self-service portal seamlessly within their own website

Written by Support team

1. Overview

  • The iFrame points to the Claimlane self-service portal URL for the specific customer.

  • Styling ensures the iFrame looks clean, centered, and with rounded corners.

  • Example provided below uses sommer-store, replace this with the customer’s actual Claimlane self-service portal URL.


2. Example Code Snippet

Add the following HTML to the page where you want the Claimlane portal to appear:

Copy

<html>   
<head>
<style>
.iframe-container {
max-width: 599px; /* Sets maximum width of the iframe container */
margin: auto; /* Centers the iframe horizontally */ }

/* Style for the iframe */
.iframe-container iframe {
border: none; /* Removes border */
box-shadow: none; /* Removes shadow */
border-radius: 12px; /* Rounds corners */
}
</style>
</head>
<body>
<div class="iframe-container">
<iframe src="https://app.claimlane.com/c/sommer-store" width="100%" height="800"></iframe>
</div>
</body>
</html>

3. Parameters to Adjust

  • src: Update the URL to the customer’s self-service portal (e.g., https://app.claimlane.com/c/portal-name).

  • height: Adjust to control vertical space (default is 800px).

  • max-width: Update if you want a wider or narrower embed (default is 599px).


That’s it!

Once embedded, the Claimlane portal will render inside your site with a clean, styled container.

Did this answer your question?