Configure widget

How to install

This code sample is perfect for one widget at page

Preferrable if you need more than one widget at page

If you want to use the widget with a CMS or framework, navigate to Libraries & Integrations to find a suitable installation guide.

You can also install the uploadcare-widget as NPM package:

npm i uploadcare-widget

Or just put the following lines in the <head> section of your page; placing them at the end of your page’s <body> will also work:

<script>
  UPLOADCARE_PUBLIC_KEY = 'demopublickey';
</script>

<script src="https://ucarecdn.com/libs/widget/2.x/uploadcare.full.min.js"></script>

Then, anywhere on the page:

<input
  type="hidden"
  role="uploadcare-uploader"
  name="content" />

If you want to use the widget with a CMS or framework, navigate to Libraries & Integrations to find a suitable installation guide.

You can also install the uploadcare-widget as NPM package:

npm i uploadcare-widget

Or just put the following lines in the <head> section of your page; placing them at the end of your page’s <body> will also work:

<script src="https://ucarecdn.com/libs/widget/2.x/uploadcare.full.min.js"></script>

Then, anywhere on the page:

<input
  type="hidden"
  role="uploadcare-uploader"
  name="content"
  data-public-key="demopublickey" />