Share your custom widgets!

It looks great! I would love to build one that displays points 😀

Hmm I think to get the points we'd need to get them via the API, as the InsidedData doesn't share this info :-/

SO cool ​@jvdc! 

I’m sure ​@jennyweigle & ​@Larry will love this 🎉

Very cool stuff ​ ​@jvdc 🔥

We’d also love to see more of this on our next Meetup!

Yes yes yes! Thank you ​@jvdc for kicking this off! I was hoping one of our customers would start a conversation like this. Kudos to your vibe coding work 👏. I’ve been playing with adding a custom HTLM widget that links out to a survey. Not happy with the look of it so far, but having fun testing and editing!

​@beatriz.winn , so I looked into it and managed to do it like this:

1/ Setup the connector for the GS CC API in Control
(It was a lot of trial and error before getting it to work 🤭 , there wasn't much doc for this - ​@marekkoszlak )
→ I did the API call for user info.

2/ Build your HTML & Reference the connector 

The Connector execute code that is shared in the black code box in Control did not work for me, I had to reference it differently using a snippet that ​@marekkoszlak had shared in the community:

fetch('/widget-service/connectors/XXX/execute') → XXX is the Connector ID that you can find in the Control URL.

And then for the rest you just reference data from the API call you made above. In my example below I am getting the following (I think apart from the points you could get everything everything from the InSidedData):

• User profile picture
• Points
• Rank
• Join year

AWESOME @jvdc 💪

Thanks for the tip about the recording and please share the snippets. 😀

Actually in my comment, I said there was limited documentation about setting up the connector, but I was wrong, it's all here: https://developer-portal.gainsight.com/docs/connectors/build-first-connector.html
 

​@jvdc, this is amazing, thank you for sharing! I will read the documentation and follow your steps. 

​@jvdc This looks awesome! Please share the profile snippet; would love to test it out on our Community!

Hey ​@Matt Breneman ​@beatriz.winn , here is the user points and user profile widget snippet that you can insert in the HTML widget.

User Points

Just a note, you'll still need to setup an API connector for the user details and replace the connector ID with yours.

User Profile

This one should work as is, as it only uses InSidedData.

Anyone else having trouble downloading the "Gainsight-html-widget.skill" from the follow up email from the webinar shared afterwards?

Hey ​@Gaby I managed to download the whole package as a zipped file (just click on the download icon in the top right).

Just FYI, as I am using Microsoft's Copilot, I changed the .skill file into a .txt file to be able to read it but also submit it to Copilot as it is not accepting .skill files.