Styling Zoom Smart Embed Widget

Phone Phone Smart Embed
1

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.

2

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

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

or

<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

3

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

4

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

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

1 Like