Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

create Hosted Widget customization examples #148

Merged
merged 1 commit into from
Oct 17, 2023

Conversation

spencerlepine
Copy link
Contributor

@spencerlepine spencerlepine commented Oct 16, 2023

Issue #, if available:

Description of changes:
Creating hostedWidgetCustomization examples, showing customer how to personalize the widget on their website.

This is paired with Hosted Widget icon improvement feature: https://docs.aws.amazon.com/connect/latest/adminguide/customize-widget-launch.html

VIEW:

https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/spenlep/hosted-widget-examples/hostedWidgetCustomization

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

@spencerlepine spencerlepine added the 🚀 Feature New feature implementation label Oct 16, 2023
@spencerlepine spencerlepine marked this pull request as ready for review October 16, 2023 19:16
@spencerlepine spencerlepine requested a review from a team as a code owner October 16, 2023 19:16
@spencerlepine spencerlepine requested review from doreechi and xiajon-amzn and removed request for a team October 16, 2023 19:16
@spencerlepine spencerlepine self-assigned this Oct 16, 2023
xiajon-amzn
xiajon-amzn previously approved these changes Oct 16, 2023
closeChat: { color: "#ffffff", backgroundColor: "#07b62a" },
});
amazon_connect("snippetId", "<REPLACE_ME>");
amazon_connect("supportedMessagingContentTypes", [
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we want to also add a note about rich messaging enabled vs disabled? Or just in general call out that other methods can be added here to pass display name, contact attributes, etc and add link?

Copy link
Contributor Author

@spencerlepine spencerlepine Oct 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

edit: will update 👍

Yes we can add follow up documentation for rich messaging (the Admin guide doesn't really explain that either) - however, customer cannot pass displayName/contact attributes in this snippet.

If they build a custom widget, they can of course: https://github.com/amazon-connect/amazon-connect-chat-interface/blob/master/DOCUMENTATION.md#chat-interface-configuration

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why can't they pass display name/contact attributes? is that specific to if they specify this auto launch behavior?

## Snippet Customizations

```diff
- <script type="text/javascript">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we update this diff to not include the script tags being removed? unless this is expected

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is expected. Agree this isn't very clear

Customer needs to copy/paste just the code from this snippet, to use in their javascript code and they must remove the html tags

@spencerlepine spencerlepine merged commit 7df1542 into master Oct 17, 2023
@spencerlepine spencerlepine deleted the spenlep/hosted-widget-examples branch October 17, 2023 21:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🚀 Feature New feature implementation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants