---
title: pos.customer-details.block.render
description: >-
  Renders a custom information section within the customer details screen. Use
  this target for displaying supplementary customer data like loyalty status,
  points balance, or personalized information alongside standard customer
  details.


  Extensions at this target appear as persistent blocks within the customer
  details interface and support interactive elements that can launch modal
  workflows using `shopify.action.presentModal()` for more complex customer
  operations.
api_version: 2025-10
api_name: pos-ui-extensions
source_url:
  html: >-
    https://shopify.dev/docs/api/pos-ui-extensions/latest/targets/customer-details/pos-customer-details-block-render
  md: >-
    https://shopify.dev/docs/api/pos-ui-extensions/latest/targets/customer-details/pos-customer-details-block-render.md
---

# pos.​customer-details.​block.​render

Renders a custom information section within the customer details screen. Use this target for displaying supplementary customer data like loyalty status, points balance, or personalized information alongside standard customer details.

Extensions at this target appear as persistent blocks within the customer details interface and support interactive elements that can launch modal workflows using `shopify.action.presentModal()` for more complex customer operations.

### Examples

* #### Create a customer details information block

  ##### Description

  Add a custom information section to the customer details screen for displaying supplementary customer data. This example shows how to create a block that shows loyalty status, points balance, or personalized information alongside standard customer details.

  ##### jsx

  ```jsx
  import {render} from 'preact';

  export default async () => {
    render(<Extension />, document.body);
  };

  const Extension = () => {
    return (
      <s-pos-block>
        <s-button
          slot="secondary-actions"
          onClick={() => shopify.action.presentModal()}
        >
          Open action
        </s-button>
        <s-text>This is a block extension</s-text>
        <s-text>Customer ID for this customer: {shopify.customer.id}</s-text>
      </s-pos-block>
    );
  };
  ```