The Web Chatbox and the Mobile SDK Chatbox do not display in the same way: each has its own design and specific features. In this article, we will briefly present these differences.
Features differences
| Web | Mobile | |
| Powered by iAdvize | Not available. | |
| Header |
|
|
| Parameters → Notifications | Not available. | |
| Parameters → Hide history | Not available. | |
| Scroll to bottom button |
Aligned to right. |
Centered. |
| Satisfaction survey |
Inside dedicated view. |
Integrated to conversation. |
| Feedback buttons | Not available. | |
| Unread messages | Not available. | |
| Add to cart |
Not available yet. |
Not available. |
| Chatbox configuration |
Performed through admin interface. Available throughChatboxTemplateAttributes. |
Performed when integrating the SDK. |
Chatbox Template differences
|
Chatbox Template (chatboxTemplates.templateAttributes) |
Mobile SDK API (ChatboxConfiguration) |
| allowVisitorCamera | Does not exist. |
|
avatars.beforeConversation avatars.duringConversation |
incomingMessageAvatar (url/image) |
| compositionAreaMessage | Hardcoded (not configurable) |
| disableVisitorCameraByDefault | Does not exist. |
| emailTemplateAttributes | Does not exist. |
| fontFamily | font |
| fontUrl | font |
| headerMessage | Does not exist. |
| isBrandingShown | Does not exist. |
| isMobilePositionEnabled | Does not exist. Would not make sense. |
| isReducedIconDark | Does not exist. |
| isUserAllowedToSeeHistory | Does not exist. |
| isUserAllowedToUploadImagesAndPDF |
This is the only property read from the chatboxTemplates GraphQL query |
| isUserAllowedToUseGIFs | Does not exist. |
|
mobilePosition position |
setFloatingButtonPosition(leftMargin:bottomMargin:) |
|
primaryColor primaryTextColor secondaryColor secondaryTextColor |
Similar, but not exactly equivalent to: accentColor incomingMessageBackgroundColor incomingMessageTextColor outgoingMessageTextColor outgoingMessageBorderColor |
|
profileZoneAttributes.beforeConversation profileZoneAttributes.duringConversation |
Does not exist. |
| reducedIcon | Does not exist. Create a custom button to achieve similar results. |
| reducedRadius | Does not exist. Create a custom button to achieve similar results. |
| reducedSize | Does not exist. Create a custom button to achieve similar results. |
| satisfactionMessage | Hardcoded (not configurable) |
| welcomeMessage | automaticMessage |
| zIndex | Does not exist. Would not make sense. |
