Embed in Shopify

Quick Start

Configuration

The App Block provides a visual settings panel in the Shopify Editor. Configure:

• Widget Key — Your MediaSFU widget ID
• Widget Type — Choose: Click-to-Call, AI Agent, Meeting Portal, Calls Dashboard, Web Agent, or Dashboard
• Button Text — What appears on the button (e.g., "Chat with Us")
• Position — Bottom-right, bottom-left, inline, etc.
• Theme — Light or dark mode
• Colors — Primary and secondary brand colors (optional)

Widget Types

Click-to-Call Button

Floating button that launches a voice/video call. Customers click → immediate connection to your team.

AI Agent

Chat or voice AI that greets customers. Handles basic questions, transfers to agent if needed.

Meeting Portal

Embedded video room for scheduled calls. Customers join without leaving your site.

Calls Dashboard

Shows recent call history and status.

Web Agent

Full AI interface in a container. More control over appearance.

Dashboard

Full agent management interface.

Troubleshooting

Widget not appearing?

• Refresh your store page (Ctrl+Shift+R or Cmd+Shift+R)
• Verify the block is added and saved in the theme editor
• Check that your widget key is active in your MediaSFU dashboard

Widget key not accepted?

• Make sure your Shopify store domain is whitelisted in MediaSFU dashboard
• Double-check the widget key format (should start with wk_)

Calls not connecting?

• Ensure customer has allowed microphone/camera access
• Try a different browser or device
• Check internet connectivity