Customising your feedback board

Embedding your board in an iframe

Introduction

You can embed your Feature Update board into your own website. This is achieved by using an HTML iframe.

You’ll either need to be a web developer – or have an access to one – to do this.

For security reasons, by default your board won’t work if embedded in an iframe. You’ll need to specifically enable this for your board.

Enabling iframe embedding

We disable iframe embedding by default. That’s because there is a security risk from a technique called “clickjacking”. You can read more about clickjacking on Wikipedia.

You can safely enable iframe embedding by telling Feature Upvote the domain name of your site.

Go to your Feature Upvote dashboard.

Select ‘Board settings’.

Board settings

Select ‘Embedding’

Screenshot of Feature Upvote's embedding screen

  • Enable the checkbox labelled ‘Allow feedback board to be embedded in HTML <iframe> tags’
  • Put the domain of your website site in the ‘Domains allowed to embed feedback board’ field
  • Click ‘Save’

Configuring Feature Upvote to allow iframe embedding

Explanation for web developers: Feature Upvote uses this information to add an appropriate Content-Security-Policy HTTP header to your board. Modern web browsers look for this header, and use it to make sure your board can’t be embedded in websites outside of your control.

Troubleshooting

In the “Domains allowed to embed board” field, make sure you’ve entered only the domain name. Don’t include the leading “https://” or trailing “/”.

  • Correct: example.com
  • Wrong: https://example.com/

Use a wildcard to include all your organisation’s domains:

  • *.example.com

This will match all subdomains but not “example.com” itself.

If you want the board to be embdedded on subdomains AND on your top-level domain, use:

  • *.example.com example.com

Need more help with this?

Contact us here