At the moment, it's not possible to customize transcript with Liquid Markup.
I'd like to be able to style our transcript at least to make it clear which replies are from the agent and which replies are from the end user.
Example code that didn't work:
Here's a copy of your chat with us:{% for comment in ticket.public_comments %} Comment:
{% if comment.author.role == 'agent' %}<div>
<p style="float:left;background: #7f54b3 !important;margin: 0 36px 16px 0;padding:10px;border-radius: 15px;color:#fff">
{{comment.created_at}}
<small style="font-size:10px;opacity:0.5;margin-left:12px;">{{comment.created_at_with_time}}</small>
<strong>{{comment.author.name}}</strong>
{{comment.value}}</p>
</div>
{% elsif comment.author.role == 'end_user' %} <p style="float:left;background: #e9eff5;margin-left: 36px;padding:10px;border-radius: 15px;">
{{comment.created_at}}
{{comment.created_at_with_time}}
{{comment.author.name}}
{{comment.value}}
</p>
Attachment:
{% for attachment in comment.attachments %}
{{attachment.filename}}
{{attachment.url}}
{% endfor %}
{% endif %} <!-- Closing the IF condition for the comment's author role -->
{% endfor %}