By adding the Hark custom card to Dixa, your team can play Hark video or audio and view photo attachments within a Dixa conversation.

1. Go to Settings > Integrations
2. Click on Custom Card
3. Name your custom card (just Hark is fine)
4. Method should be GET and Hook URL should be: https://py-server.sendhark.com/tickets/dixa-integration/{{csid}}
5. Add a custom header: Key: x-hark-id Value: (This value is your client ID)

{% if non_hark_ticket %}
<p> No hark found for this ticket. </p>
{% else %}
{% if hark_type == "video" or hark_type == "screen"%}
<video width="100%" height="auto" controls>
    <source src="{{ recording_url }}" type="video/mp4">
    Your browser does not support the video tag.
</video>
{% elsif hark_type == "audio"%}
<audio controls>
    <source src="{{ recording_url }}" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>
{% else %}
<p>No audio or video is attached to this hark</p>
{% endif %}
<br /><br />
<p style="font-weight: bold; margin-top: 20px; margin-bottom: 20px;">Attachments:</p>
{% for attachment in attachments %}
<img src="{{attachment.url}}" alt="{{attachment.name}}" width="350px" max-height="200px" style="margin-bottom: 10px;" />
{% else %}
<p>No additional attachments provided</p>
{% endfor %}
{% endif %}

1. Save Changes