---
updatedAt: 2025-12-13T06:41:59.000Z
agentTools:
  projectIndex: https://docs.clevertap.com/llms.txt
---

# B.Layer

Dynamic Content

# Overview

[B.Layer](https://blayer.phiture.com/) is Phiture’s no-code In-App message builder that enables CRM teams to design and launch custom, on-brand In-App messages quickly and without developer support. With the CleverTap and B.Layer integration, you can use B.Layer’s intuitive visual builder to craft responsive, high-conversion In-App messages and seamlessly launch them via CleverTap campaigns.

You can use B.Layer to build the following:

* Personalized product recommendation sliders
* Multi-step onboarding or survey flows
* Countdown banners for limited-time offers

# Prerequisites for Integration

The following are the prerequisites for B.Layer and CleverTap integration:

* Ensure you have access to your B.Layer account.
* Ensure you have a CleverTap account with access to campaign creation.

> 🚧 Support for Integration
>
> This integration is managed and continuously improved by B.Layer. The CleverTap and B.Layer integration has undergone stringent testing to ensure seamless functionality. For any questions or issues, contact [B.Layer](https://intercom.help/blayer/en/) for support and resolution.

# Integrate CleverTap with B.Layer

To set up the CleverTap integration with your B.Layer account, perform the following steps:

1. [Create In-App Messages in B.Layer](https://docs.clevertap.com/docs/blayer#create-in-app-messages-in-blayer).
2. [Configure In-App Campaign in CleverTap](https://docs.clevertap.com/docs/blayer#configure-in-app-campaign).

## Create In-App Messages in B.Layer

Add your brand assets before designing the In-App message to ensure your messages reflect your brand identity. To do so, perform the following steps:

1. Log in to your [B.Layer account](https://app.blayer.phiture.com/users/sign_in) and go to Brand Assets from the left menu (![Edit Icon](https://files.readme.io/3c7ed7b247874aaf3867173af061fdd8591ea64dd0e956b7ba89720f13109b78-ea3493fa-866d-425a-82e7-c718f9488a09.png)).
2. Set your primary/secondary brand colors and fonts.

<Image alt="Configure brand assets in B.Layer" align="center" width="75% " border={true} src="https://files.readme.io/593bdb226a0c7742158d3af79914ceb9a0aa2569539a7293b19363ae5675abdd-29ae189d-b4da-4cae-9ba9-6e070d1dcadf.png">
  Configure Brand Assets in B.Layer
</Image>

3. Design and create a customized In-App message in B.Layer. To do so, follow these steps:
   1. Go to the In-App Message section in B.Layer.
   2. Select a template layout, for example, the Single In-App Message template. Refer to the  [Create a Single In-App Message](https://intercom.help/blayer/en/articles/7836328-create-a-single-in-app-message) on b.layer for more information.
   3. Drag and drop components such as **Image**, **Text**, and **Buttons** from the Layout section.
   4. Click **Add Block** to insert new elements. Use the layout panel to style each component.\
      Preview your design on the canvas to ensure responsiveness.

<Image alt="Design the In-App Message" align="center" width="75% " border={true} src="https://files.readme.io/7cc9685b3d714ffd455aad073670721743b6f2f8e478368f5c09c0759f911e53-image.png">
  Design In-App Message
</Image>

4. Click the ![Edit Icon](https://files.readme.io/e6801ee436ea754c866e6f65906fe0fb44871b72331ea186c7a12e4897bb02bf-2025-05-08_13-15-45.png) icon, and select *Copy HTML* to copy the HTML code for your In-App message. You can now use this HTML snippet in the CleverTap [In-App campaign](https://docs.clevertap.com/docs/blayer#configure-in-app-campaign).

<Image alt="Copy the HTML snippet generated by B.layer" align="center" width="75% " border={true} src="https://files.readme.io/1a77a80c793633435dc9be2d203faf0cf864a3c3dba70e1ffa1e80cbb5fe42e8-Screen_Recording_2025-02-18_at_3.15.34_PM_1.gif">
  Copy HTML Snippet Generated by B.Layer
</Image>

## Configure In-App Campaign in CleverTap

Set up and personalize your In-App campaigns in CleverTap to engage users effectively. To do so, perform the following steps:

1. Go to *Campaigns* from the CleverTap dashboard.
2. Click **+ Campaign** and select *In-App Messages* from the dropdown.
3. Click **Go to Editor** under the *What* section.
4. Select the template of your choice. For this example, we are using *Custom HTML Templates*.

> 📘 Include Javascript
>
> Ensure you select the *Include JavaScript* checkbox.

<Image alt="Custom HTML Templates" align="center" width="75% " border={true} src="https://files.readme.io/bba3ad2b5f24447d2d31901ac4b17efe32de2cadc35424f7d8ad323841e5869f-image.png">
  Custom HTML Templates
</Image>

5. Delete the default code and paste the HTML snippet copied from B.Layer in *Step 4* of [Create In-App Messages in B.Layer](https://docs.clevertap.com/docs/blayer#create-in-app-messages-in-blayer).

<Image alt="Insert the HTML Code Snippet" align="center" width="75% " border={true} src="https://files.readme.io/b78d02b1fcea9eb477a1945247318bca3c3b8b7bf81ac78888b3f06ad3422a81-Screen_Recording_2025-02-18_at_3.23.24_PM_1.gif">
  Insert HTML Code Snippet
</Image>

6. Add personalization to your In-App message by typing `{{`, `{`, or clicking `@` inside the HTML editor.\
   You can personalize elements such as the message body, button label, or title using [CleverTap Liquid Tags](https://docs.clevertap.com/docs/liquid-tags).

<Image alt="Personalization" align="center" width="75% " border={true} src="https://files.readme.io/34fca332ac701eec9b74a2fca62054ffb8c2f9b30bbdd351abacb56a843eca92-image.png">
  Personalize Email Campaign
</Image>

7. Click **Save** and **Publish** to send your In-App campaign.

Once published, your campaign will display the In-App message created in B.Layer to targeted users based on your segmentation and scheduling settings.

You can also use the same B.Layer design in an Email campaign using the Rich HTML template. For detailed instructions,  refer to [CleverTap Email Campaigns](https://docs.clevertap.com/docs/create-message-email).