> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# DingTalk Meetings Web iframe Integration Guide

> Embed DingTalk Meetings in a web page via iframe: required postMessage events, allowed origins, sandbox attributes, and how to control the meeting from the parent page.

## DingTalk Meetings Web iframe Integration Guide

DingTalk Meetings Web can be embedded into your business website using an **iframe** to support customized service scenarios such as interviews, recruitment, and enterprise training.

## Availability

1. DingTalk Meetings Web is required.

2. A paid version is required, such as Meeting Membership, Cloud Meeting Room, Professional, or Dedicated edition.

DingTalk Meetings paid plans provide unlimited-time meetings and 10+ benefits. Users can purchase or request consultation from the relevant DingTalk Meetings purchase pages.

## Use Case: Interview and Recruitment

With DingTalk Meetings iframe integration, you can embed the meeting interface anywhere in an interview website and switch views at any time. You can also hide unnecessary buttons or features based on the use case, making permission control easier.

## How to Integrate It into a Website

Embedding by iframe is simple. Insert a DingTalk Meetings iframe tag into the HTML page.

Basic example:

```html theme={"theme":{"light":"github-light","dark":"github-dark"}}
<iframe 
  src="https://meeting.dingtalk.io/app/room?linkId={:linkId}" 
  allow="camera; microphone; display-capture">
</iframe>
```

After integrating DingTalk Meetings Web by iframe, you can use URL parameters and message passing to customize the UI and obtain in-meeting information. To learn about the specific APIs, request the complete developer documentation through the DingTalk consultation channel.

## Custom UI

This feature supports custom configuration to show or hide UI components on the meeting page, such as the Share button or Invite button.

Example:

```html theme={"theme":{"light":"github-light","dark":"github-dark"}}
<iframe 
  src="https://meeting.dingtalk.io/app/room?linkId={:linkId}&invite=0&screen_share=0" 
  allow="camera; microphone; display-capture">
</iframe>

<!-- The share and invite buttons are hidden through URL parameters. -->
```
