<telerik:RadChat runat="server" ID="RadChat1">
    <ClientEvents OnLoad="OnLoad" />
</telerik:RadChat>
<script>
    var $ = $ || $telerik.$;
    function OnLoad(sender, args) {
        var Hyperlink_Card_Template = kendo.template($('#hyperlink-template').html());
        kendo.chat.registerTemplate("hyperlink", Hyperlink_Card_Template);

        var botUser = { name: "Chat bot" };

        var postArgs = $.extend(true, {}, {
            text: "some link text",
            link: "https://google.com",
            type: 'hyperlink',
            timestamp: new Date(),
            from: botUser
        });

        chat.renderMessage(postArgs, postArgs.from);
    }
</script>

<script id="hyperlink-template" type="text/x-kendo-template">
    <div class="#=styles.message#">
        <time class="#=styles.messageTime#">#= kendo.toString(kendo.parseDate(timestamp), "HH:mm:ss") #</time>
        <div class="#=styles.bubble#"><a href="#:link#">#:text#</a></div>
    </div>
</script>