Widget configuration

Configure the widget and use generated snippets on your web page.

LocaleEnglish (en)
Tabs14 tabs

Images

Crop step?Disabled

    How to install

    Per-page settings

    This code sample is perfect for one widget at page

    Per-widget settings

    Preferrable if you need more than one widget at page

    Сopy this to the <head> section (or the bottom of <body>, if you prefer):

    <script>
      UPLOADCARE_PUBLIC_KEY = 'demopublickey';
      UPLOADCARE_LOCALE = 'en';
    </script>
    
    <script charset="utf-8" src="https://ucarecdn.com/libs/widget/3.2.3/uploadcare.full.min.js"></script>

    Then, anywhere on the page:

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

    Сopy this to the <head> section (or the bottom of <body>, if you prefer):

    <script>
      UPLOADCARE_PUBLIC_KEY = 'demopublickey';
      UPLOADCARE_LOCALE = 'en';
    </script>
    
    <script charset="utf-8" src="https://ucarecdn.com/libs/widget/3.2.3/uploadcare.full.min.js"></script>

    Then, anywhere on the page:

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

    Need more flexibility?

    Check out the complete guide for widget options and installation methods in our docs.

    Widget Docs