Widget configuration

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

Primary settings

11 tabs

Working with images

Disabled
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

    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.

    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 = 'YOUR_PUBLIC_KEY';
    </script>
    
    <script src="https://ucarecdn.com/libs/widget/3.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.

    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/3.x/uploadcare.full.min.js"></script>
    

    Then, anywhere on the page:

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