Skip to content

Instantly share code, notes, and snippets.

@toru-takahashi
Created March 31, 2022 15:15
Show Gist options
  • Save toru-takahashi/eb984c82d11e5d6164621d4c6d1e4a58 to your computer and use it in GitHub Desktop.
Save toru-takahashi/eb984c82d11e5d6164621d4c6d1e4a58 to your computer and use it in GitHub Desktop.
<div class="article-votes">
<div class="article-votes-title">Was this article helpful?</div>
<div class="article-votes-btns-wrap">
<span class="article-votes-btn article-votes-btn-yes js--article-votes-btn" data-type="yes">Yes, thanks</span>
<span class="article-votes-btn article-votes-btn-no js--article-votes-btn" data-type="no">Not really</span>
</div>
<form class="article-votes-form-yes js--form-yes">
<textarea class="article-votes-textarea"></textarea>
<label class="article-votes-textarea-label">What did you like about this article? (optional)</label>
<button class="article-votes-button js--btn-send-yes" type="submit">Submit feedback</button>
</form>
<form class="article-votes-form-no js--form-no">
<div class="article-votes-form-sorry-text">
Sorry about that! Why wasn't the article helpful?
</div>
<div class="article-votes-labels">
<label><input type="radio" name="feedback-selection" value="This article didn't answer my questions or solve my problem" checked>
This article didn't answer my questions or solve my problem
</label>
<label><input type="radio" name="feedback-selection" value="I found this article confusing or difficult to read">
I found this article confusing or difficult to read
</label>
<label><input type="radio" name="feedback-selection" value="I don't like how the feature works">
I don't like how the feature works
</label>
<label><input type="radio" name="feedback-selection" value="Other">
Other
</label>
</div>
<div class="article-votes-form-no-textarea-wrap">
<div class="article-votes-form-no-textarea">
<textarea class="article-votes-textarea article-votes-textarea-no" placeholder="Your comments will help us to improve the article!"></textarea>
<label class="article-votes-form-no-textarea-label"></label>
</div>
</div>
<button class="article-votes-button js--btn-send-no" type="submit">Submit feedback</button>
# Need to update the url to your Zendesk hopemage
<div class="article-more-questions">
If you would like to get a reply from the Support team, please create a ticket <a href="https://help.xxxx.com/hc/en-us/requests/new?referer=help-center-article">here</a>
</div>
</form>
<div class="article-votes-feedback-success">Thank you for your feedback!</div>
<div class="article-votes-feedback-fail">Error! Please try later...</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment