WLI: Integration Methods

🔗 iframe, API, or iframe + API

• You have three methods for integrating Metricool as a White Label into your product.​

• Please note this feature is available exclusively for CUSTOM plans (see our pricing here).

1. Via iframe integration

This is the simplest and fastest integration method, recommended by our technical team.

It allows you to implement White Label in your system, web portal, or application without technical complications and in a short time. In this scenario, as the integrator, you generate an iframe in each of your end clients' accounts to display Metricool's graphical interface within your product, thereby integrating its functionality.

Executing the iframe

After your client creates a username and password in your tool's authentication system, you can automate the assignment of an iframe which source (src) can be found by going to the menu > Connections > White Label.

In the window above, you find two links: one for editing access and another for analyst mode (observer-only).

Please note that these links vary depending on the brand you are viewing (the brand identification -blogId- make them differ).

You can also access them via API calls, which we will explain shortly.

E.g: how it looks applied:

<iframe
        src="https://app.metricool.com/autoin/SMSDESPAINHTMLLAPLACEAQDDXCJVYL?redirect=planner"
        referrerpolicy="origin"
        allow="camera; microphone"
        sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
        style="width: 100%; height: 800px; border: 0; display: block;">
        
    </iframe>

As with any other iframe, you can customize it with parameters to better format and integrate it into your platform.

The example above includes the parameter redirect for illustration purposes. Find all details at references below.

2. Using API calls

Before diving in to the API method, and completing the iframe explanation before, you can obtain automatically the iframe autoin link through API calls by using a Get type request:

https://app.metricool.com/api/admin/profile?blogId=&userId=&refreshBrandCache=false

Find our complete API documentation with everything you need to know here.

Diving into the API integration

Performed via API, this method allows a total merger within your platform, as you manage both, visual and functional design.

However, it does not offer Metricool's entirety functionalities and its limitations are determined by the information you can get from our API.

Is also a slower process, with more effort required compare to the iframe integration but is commonly used for exporting all available functionallities on Metricool to a diferent tool, e.g., databases or CRMs (Customer Relationship Management).

This modality allow you to manage multiple brands through token automations. You can find this token, which we will further refer to as userToken, by navigating to the menu > Account Settings > API.

3. iframe + API

This is the must required integration type we received. It is used to have a deeper customization to be shown in your product.

If you want to create your own buttons for redirecting your customers to specific items of our core features, you can start by customizing this navigation bar according to your needs. You can check all levels of iframes UI customization in reference 3.

After this, you can redirect your clients in different ways, which are listed in reference 4 of this article.

Additional Resources