---
title: pos.exchange.post.block.render
description: >-
  Renders a custom information section within the post-exchange screen. Use this
  target for displaying supplementary exchange data like completion status,
  payment adjustments, or follow-up workflows alongside standard exchange
  details.


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

# pos.​exchange.​post.​block.​render

Renders a custom information section within the post-exchange screen. Use this target for displaying supplementary exchange data like completion status, payment adjustments, or follow-up workflows alongside standard exchange details.

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

### Examples

* #### Create a post-exchange information block

  ##### Description

  Add a custom information section to the post-exchange screen for displaying exchange details or status. This example shows how to create a block that provides supplementary information after completing an exchange, with interactive elements that can launch modal workflows.

  ##### 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>Order ID: {shopify.order.id}</s-text>
      </s-pos-block>
    );
  };
  ```