# Styling Zoom Smart Embed Widget

**URL:** <https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678>\
**Category:** Phone Smart Embed\
**Created:** [July 25, 2025, 9:52pm UTC](https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678 "2025-07-25T21:52:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soham](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/soham/32/69515_2.png) [@Soham](https://devforum.zoom.us/u/Soham)\
**Post date:** [July 25, 2025, 9:52pm UTC](https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678/1 "2025-07-25T21:52:39Z")

</div>

I have a react application where I want to embed zoom dialer widget where user can use click to call functionality. I see from the guides that it tries to embed an iframe. Is there a way to style that dialer? What is the recommended way to do that? CSS?

A couple things I am trying modify:

- Being able adjust the position of the widget
- Change Theme of the dialer
- Resize the widget
- Being able to control history/voicemail tabs (in docs it doesn’t have feature flags fo r this)

I appreciate any help.

---

<div class="post-metadata">

**Author:** ![elisa.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elisa.zoom/32/47836_2.png) [@elisa.zoom](https://devforum.zoom.us/u/elisa.zoom)\
**Post date:** [July 28, 2025, 3:14pm UTC](https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678/2 "2025-07-28T15:14:33Z")

</div>

Hi @Soham  
Thanks for reaching out to us and welcome to the Zoom developer forum!  
You are. correct, it will embed an iframe and you can do it via a script or an iframe tag

```auto
<script src="https://vaapplicationscontent.zoom.us/phoneSdk/static/smart-embed/js/sdk.js"></script>

```

or

```auto
<iframe src="https://applications.zoom.us/integration/phone/embeddablephone/home?originDomain=chrome-extension://jkcjffekboifojeeicdhclbbkamlmoca" id="zoom-embeddable-phone-iframe" allow="clipboard-read; clipboard-write https://applications.zoom.us"></iframe>

```

You will be able to customize the position and size of the widget by using the script tag, although you won’t be able to change the theme.  
Contorling history/voicemail tabs via the widgnet is not supporte

---

<div class="post-metadata">

**Author:** ![Soham](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/soham/32/69515_2.png) [@Soham](https://devforum.zoom.us/u/Soham)\
**Post date:** [July 28, 2025, 3:21pm UTC](https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678/3 "2025-07-28T15:21:09Z")

</div>

Thank you for the response. Would there be updates in future for the requested functionality for changing theme, control the tabs through feature flags?

---

<div class="post-metadata">

**Author:** ![elisa.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elisa.zoom/32/47836_2.png) [@elisa.zoom](https://devforum.zoom.us/u/elisa.zoom)\
**Post date:** [July 28, 2025, 5:02pm UTC](https://devforum.zoom.us/t/styling-zoom-smart-embed-widget/135678/4 "2025-07-28T17:02:34Z")

</div>

I am not aware of any of these features, but you can keep an eye on the docs here

> **[Integrate with Zoom Phone using Smart Embed](https://developers.zoom.us/docs/phone/smart-embed/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

and also follow our changelog to stay up to date on releases

> **[Phone - Smart Embed Changelog](https://developers.zoom.us/changelog/phone/smart-embed/)**
>
> Stay up to date with new changes coming to the Zoom Developer Platform