Button Above the Timeline of the CRM_XXX_DETAIL_ACTIVITY, CRM_DYNAMIC_XXX_DETAIL_ACTIVITY Card

If you are developing integrations for Bitrix24 using AI tools (Codex, Claude Code, Cursor), connect to the MCP server so that the assistant can utilize the official REST documentation.

Scope: placement, crm

The widget adds its own button to the panel above the timeline of a CRM object card: a lead, contact, company, deal, estimate, new invoice, order, or custom object type.

The placement code is specified in the PLACEMENT parameter of the placement.bind method.

Extended capabilities of the button above the timeline are described in the article Additional Placement Features in CRM_XXX_DETAIL_ACTIVITY.

The widget is not displayed in the interface until the application installation is complete. Check the application installation

Where the Widget is Embedded

Placement Code

Location

CRM_LEAD_DETAIL_ACTIVITY

Button above the timeline of lead

CRM_CONTACT_DETAIL_ACTIVITY

Button above the timeline of contact

CRM_COMPANY_DETAIL_ACTIVITY

Button above the timeline of company

CRM_DEAL_DETAIL_ACTIVITY

Button above the timeline of deal

CRM_QUOTE_DETAIL_ACTIVITY

Button above the timeline of estimate

CRM_SMART_INVOICE_DETAIL_ACTIVITY

Button above the timeline of invoices

CRM_ORDER_DETAIL_ACTIVITY

Button above the timeline of an online store order

CRM_DYNAMIC_XXX_DETAIL_ACTIVITY

Button above the timeline of custom CRM object type. Instead of XXX, specify the numeric identifier of the specific custom object type. For example, CRM_DYNAMIC_183_DETAIL_ACTIVITY

Where to Find It in the Interface

Open a CRM object card and click More in the panel above the timeline — the row with the Activity, Comment, and Message buttons. The application item appears in this menu.

Button above the timeline of the deal card

What the Handler Receives

Data is sent in a POST request: some parameters come in the handler URL query string, the rest in the request body

The example is shown for the CRM_DEAL_DETAIL_ACTIVITY placement. Other codes send the same set of data: the PLACEMENT value and the object identifier in PLACEMENT_OPTIONS change.


        Array
        (
            [DOMAIN] => xxx.bitrix24.com
            [PROTOCOL] => 1
            [LANG] => en
            [APP_SID] => 79adf5ce0f12cdb9e4137fd8ea6741bf
            [AUTH_ID] => a15e7166007e9c94001e30ba00000001f0f1073c7d9e0512b8a46f0ed37c951
            [AUTH_EXPIRES] => 3600
            [REFRESH_ID] => 904d9966007e9c94001e30ba00000001f0f10748e2b1d3906f57ca2b81de640
            [SERVER_ENDPOINT] => https://oauth.bitrix.info/rest/
            [APPLICATION_TOKEN] => ec1b2074a9d3f5c81b6e40d27a95cf38
            [APPLICATION_SCOPE] => crm,placement
            [member_id] => d897063e1ce7c5eb9f04b9751eef5915
            [status] => L
            [PLACEMENT] => CRM_DEAL_DETAIL_ACTIVITY
            [PLACEMENT_OPTIONS] => {"ID":"8061","URI":"\/crm\/deal\/details\/8061\/?any=details%2F8061%2F"}
        )
        
        

Required parameters are marked with *

Parameters in the Handler URL Query String

Parameter
type

Description

DOMAIN*
string

The Bitrix24 address where the widget handler was invoked

PROTOCOL*
string

Secure or non-secure HTTP protocol:

  • 0 - HTTP
  • 1 - HTTPS

LANG*
string

The user interface language of Bitrix24 that invoked the widget. You can localize the interface language in your widget based on this value

APP_SID*
string

Application session identifier. Bitrix24 generates a new one each time the widget is rendered and uses it to link the js library with the application environment

Parameters in the POST Request Body

Parameter
type

Description

AUTH_ID
string

Authorization token OAuth 2 issued for the user who invoked the widget. Can be used for REST API calls on behalf of this user

AUTH_EXPIRES
integer

Time in seconds after which the authorization token will become invalid

REFRESH_ID
string

Refresh token OAuth 2 issued for the user who invoked the widget. Can be used to refresh the authorization token on behalf of this user

SERVER_ENDPOINT*
string

Address of the Bitrix24 authorization server needed to refresh OAuth 2 tokens

APPLICATION_TOKEN*
string

Application token. The same value is passed in the application_token parameter when event handlers are invoked. The widget handler can use it to verify that the request came from Bitrix24

APPLICATION_SCOPE*
string

List of scopes granted to the application, separated by commas. Shows which REST API methods are available with the authorization token received

member_id*
string

Unique string identifier of Bitrix24 where the widget handler was invoked.

status
string

Type of application that registered the handler for this widget. Accepts values:

  • L - local application
  • F - free mass-market application
  • D - demo version of a mass-market application
  • T - trial version of a mass-market application, time-limited
  • P - paid mass-market application

PLACEMENT*
string

The placement code. You can use the same handler URL for all your widgets. The value that Bitrix24 will report in the PLACEMENT parameter will help determine from which specific placement your handler was invoked in each case

PLACEMENT_OPTIONS
string

Additional data in the form of a JSON string that defines the context of the widget execution. For example, this could be an array containing the numeric identifier of the CRM object in the detail form where the widget handler was invoked, etc. The PLACEMENT_OPTIONS parameter, along with the PLACEMENT parameter, allows you to accurately determine for which specific placement and object the widget handler was invoked

Bitrix24 adds a URI key to PLACEMENT_OPTIONS — the path with the query string of the page from which the widget was opened. It arrives for any placement, along with the keys of that placement itself. The key is absent if the browser did not send the Referer header or if the widget was opened from a page on a different domain.

How to Parse the Call Context

PLACEMENT_OPTIONS arrives as a JSON string, not as an array: parse it on the handler side before use. The set of keys is specific to each placement and is described in the PLACEMENT_OPTIONS section of this page.

$placement = $_POST['PLACEMENT'] ?? '';
        $options = json_decode($_POST['PLACEMENT_OPTIONS'] ?? '{}', true);
        
options = json.loads(request.form.get("PLACEMENT_OPTIONS", "{}") or "{}")
        

In B24JsSDK, there is no need to parse the string: the $b24.placement.options property returns a ready object, and $b24.placement.placement returns the placement code.

What the Handler Must Return

The handler responds with a regular HTML page — Bitrix24 displays it in a frame in place of the widget. The page must allow embedding: if the application server sends the X-Frame-Options or Content-Security-Policy headers that prohibit framing, an empty area remains in place of the widget. How to fix it is described in the article Site Does Not Allow Connection.

PLACEMENT_OPTIONS

The PLACEMENT_OPTIONS value is passed as a JSON string with the call context. Along with the universal URI key, the context carries the object identifier.

Required parameters are marked with *

Parameter

Description

ID*
string

Identifier of the CRM object for which the widget was opened.

It can be used to retrieve additional information using the corresponding methods:

The object type identifier does not arrive as a separate key. For a custom object type, take it from the PLACEMENT parameter value: for the CRM_DYNAMIC_183_DETAIL_ACTIVITY code, the type identifier is 183

OPTIONS When Registering via placement.bind

For the CRM_XXX_DETAIL_ACTIVITY placements, the placement.bind method supports the OPTIONS parameters. They switch the widget to the built-in Bitrix24 interface instead of the application's own markup and configure the welcome notification.

Required parameters are marked with *

Parameter
type

Description

useBuiltInInterface
boolean

Use the built-in Bitrix24 interface, N by default. When set to Y, the interface is built from the LayoutDto structure

newUserNotificationTitle
string

Title of the notification for a new user

newUserNotificationText
string

Text of the notification for a new user. Clicking Learn more opens a slider with the newUserNotification=Y context and a width of 800px

Code Examples

How to Use Examples in Documentation

curl -X POST \
          -H "Content-Type: application/json" \
          -H "Accept: application/json" \
          -d '{
            "PLACEMENT": "CRM_DEAL_DETAIL_ACTIVITY",
            "HANDLER": "https://your-domain.com/widgets/crm-detail-activity-handler.php",
            "TITLE": "My timeline button",
            "LANG_ALL": {
              "en": {
                "TITLE": "My timeline button"
              },
              "de": {
                "TITLE": "Meine Timeline-Schaltfläche"
              }
            },
            "OPTIONS": {
              "useBuiltInInterface": "Y",
              "newUserNotificationTitle": "Meet the new app",
              "newUserNotificationText": "The app helps you work with deals"
            },
            "auth": "**put_access_token_here**"
          }' \
          https://**put_your_bitrix24_address**/rest/placement.bind
        
// This snippet is an ES module: top-level await requires type="module" or a bundler.
        // $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
        import { Text } from '@bitrix24/b24jssdk'
        import type { B24Frame } from '@bitrix24/b24jssdk'
        
        declare const $b24: B24Frame
        
        try {
          const response = await $b24.actions.v2.call.make<boolean>({
            method: 'placement.bind',
            params: {
              PLACEMENT: 'CRM_DEAL_DETAIL_ACTIVITY',
              HANDLER: 'https://your-domain.com/widgets/crm-detail-activity-handler.php',
              TITLE: 'My timeline button',
              LANG_ALL: {
                en: {
                  TITLE: 'My timeline button',
                },
                de: {
                  TITLE: 'Meine Timeline-Schaltfläche',
                },
              },
              OPTIONS: {
                useBuiltInInterface: 'Y',
                newUserNotificationTitle: 'Meet the new app',
                newUserNotificationText: 'The app helps you work with deals',
              },
            },
            requestId: Text.getUuidRfc4122()
          })
        
          // The payload is available only on a successful response
          if (!response.isSuccess) {
            console.error(response.getErrorMessages().join('; '))
          } else {
            const result = response.getData()!.result
            console.info('Placement bound successfully:', result)
          }
        } catch (error) {
          // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
          console.error(error)
        }
        
<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
        <script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
        <script>
          async function bindCrmDealDetailActivity() {
            try {
              // Initialize the SDK inside a Bitrix24 frame
              const $b24 = await B24Js.initializeB24Frame()
        
              const response = await $b24.actions.v2.call.make({
                method: 'placement.bind',
                params: {
                  PLACEMENT: 'CRM_DEAL_DETAIL_ACTIVITY',
                  HANDLER: 'https://your-domain.com/widgets/crm-detail-activity-handler.php',
                  TITLE: 'My timeline button',
                  LANG_ALL: {
                    en: {
                      TITLE: 'My timeline button',
                    },
                    de: {
                      TITLE: 'Meine Timeline-Schaltfläche',
                    },
                  },
                  OPTIONS: {
                    useBuiltInInterface: 'Y',
                    newUserNotificationTitle: 'Meet the new app',
                    newUserNotificationText: 'The app helps you work with deals',
                  },
                },
                requestId: B24Js.Text.getUuidRfc4122()
              })
        
              // The payload is available only on a successful response
              if (!response.isSuccess) {
                console.error(response.getErrorMessages().join('; '))
                return
              }
        
              const result = response.getData().result
              console.info('Placement bound successfully:', result)
            } catch (error) {
              // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
              console.error(error)
            }
          }
        
          document.addEventListener('DOMContentLoaded', bindCrmDealDetailActivity)
        </script>
        
try {
            $response = $b24Service
                ->core
                ->call(
                    'placement.bind',
                    [
                        'PLACEMENT' => 'CRM_DEAL_DETAIL_ACTIVITY',
                        'HANDLER' => 'https://your-domain.com/widgets/crm-detail-activity-handler.php',
                        'TITLE' => 'My timeline button',
                        'LANG_ALL' => [
                            'en' => [
                                'TITLE' => 'My timeline button',
                            ],
                            'de' => [
                                'TITLE' => 'Meine Timeline-Schaltfläche',
                            ],
                        ],
                        'OPTIONS' => [
                            'useBuiltInInterface' => 'Y',
                            'newUserNotificationTitle' => 'Meet the new app',
                            'newUserNotificationText' => 'The app helps you work with deals',
                        ],
                    ]
                );
        
            $result = $response->getResponseData()->getResult();
            if ($result->error()) {
                error_log($result->error());
            } else {
                echo 'Success: ' . print_r($result->data(), true);
            }
        } catch (Throwable $e) {
            error_log($e->getMessage());
            echo 'Error binding placement: ' . $e->getMessage();
        }
        
BX24.callMethod(
            'placement.bind',
            {
                PLACEMENT: 'CRM_DEAL_DETAIL_ACTIVITY',
                HANDLER: 'https://your-domain.com/widgets/crm-detail-activity-handler.php',
                TITLE: 'My timeline button',
                LANG_ALL: {
                    en: { TITLE: 'My timeline button' },
                    de: { TITLE: 'Meine Timeline-Schaltfläche' }
                },
                OPTIONS: {
                    useBuiltInInterface: 'Y',
                    newUserNotificationTitle: 'Meet the new app',
                    newUserNotificationText: 'The app helps you work with deals'
                }
            },
            function(result) {
                if (result.error()) {
                    console.error(result.error());
                } else {
                    console.log(result.data());
                }
            }
        );
        
require_once('crest.php');
        
        $result = CRest::call(
            'placement.bind',
            [
                'PLACEMENT' => 'CRM_DEAL_DETAIL_ACTIVITY',
                'HANDLER' => 'https://your-domain.com/widgets/crm-detail-activity-handler.php',
                'TITLE' => 'My timeline button',
                'LANG_ALL' => [
                    'en' => [
                        'TITLE' => 'My timeline button',
                    ],
                    'de' => [
                        'TITLE' => 'Meine Timeline-Schaltfläche',
                    ],
                ],
                'OPTIONS' => [
                    'useBuiltInInterface' => 'Y',
                    'newUserNotificationTitle' => 'Meet the new app',
                    'newUserNotificationText' => 'The app helps you work with deals',
                ],
            ]
        );
        
        echo '<PRE>';
        print_r($result);
        echo '</PRE>';
        
// client and ctx are already created — see the Go SDK section
        res, err := client.Core().Call(ctx, "placement.bind", b24.Params{
        	"PLACEMENT": "CRM_DEAL_DETAIL_ACTIVITY",
        	"HANDLER":   "https://your-domain.com/widgets/crm-detail-activity-handler.php",
        	"TITLE":     "My timeline button",
        	"LANG_ALL": b24.Params{
        		"ru": b24.Params{
        			"TITLE": "My timeline button",
        		},
        		"en": b24.Params{
        			"TITLE": "My timeline button",
        		},
        	},
        	"OPTIONS": b24.Params{
        		"useBuiltInInterface":      "Y",
        		"newUserNotificationTitle": "Meet the new app",
        		"newUserNotificationText":  "The app helps you work with deals",
        	},
        })
        if err != nil {
        	return fmt.Errorf("placement.bind: %w", err)
        }
        
        // The response arrives as json.RawMessage — unmarshal it into the response
        // shape of the placement.bind method, see "Response Handling" on its page.
        fmt.Printf("%s\n", res.Result)
        

Common Mistakes

Mistake

Solution

placement.bind returns WRONG_AUTH_TYPE with the description Application context required

Register the placement on behalf of an application. A placement cannot be bound with a webhook

placement.bind returns ERROR_PLACEMENT_NOT_FOUND

The code is assembled for an object type that this placement does not support, or the application has not been granted the crm scope. Check the code against the table at the beginning of the page

The widget is registered but does not appear in the interface

Complete the application installation and reload the page

The item cannot be found in the card

The item is located in the More menu of the panel above the timeline — the row with the Activity, Comment, and Message buttons

Other registration error codes are listed in the "Possible Error Codes" section of the placement.bind page.

Continue Your Learning