OCR - Convert Images & PDF to text

Demo to preview the plugin:

Introduction

Extract text from images or PDFs almost instantaneously with this powerful OCR - Convert Images no-code plugin. It now supports extracting receipts, tables, and invoices as well.
Prerequisites:
To interact with the plugin, you will need to obtain an API key from this link: https://ocr.space/ocrapi
To receive special offers and important updates please visit:
Image without caption

How to setup

  1. Create an Account and Get Your API Key
      • Click Sign Up and create an account.
      • After signing up, check your email. You will receive your API Key.
      • Copy the API key.
  1. Configure the API Key in the Plugin
      • Go to the Plugins tab in Bubble.
      • Find OCR - Convert Images and PDF to Text in the list of installed plugins.
      • In the API Key field, paste the key you received via email.
      • Save the settings.
        • Plugins → OCR - Convert Images and PDF to Text.
          Plugins → OCR - Convert Images and PDF to Text.
  1. Add the OCR Element to the Page
      • Go to the Design tab in Bubble's editor.
      • In the sidebar, search for OCR.Space.
      • Drag and drop this element onto your page.
        • Element → OCR.Space.
          Element → OCR.Space.
  1. Create a Workflow to Process Images or PDFs
      • Go to the Workflows tab.
      • Click Add an eventWhen a button is clicked (or another trigger of your choice).
      • Click Add an action.
      • Select PluginsOCR.
      • In the Input field, provide:
        • A URL to the image/PDF, or
        • Use a File Upload element to allow users to upload a document.
          • Workflow action → OCR.
            Workflow action → OCR.
  1. Capture and Display the Extracted Text
      • Add a Text element to the page.
      • Open the properties of the text element.
      • Click on the Dynamic Data button (database icon).
      • Select OCR.Space 's Extracted Text.
      • The extracted text will appear on the screen after processing.
        • Element → Multilineinput.
          Element → Multilineinput.
  1. Use OCR Events
    1. The plugin provides three events for custom actions:
      • "A OCR.Space Text Lines Done" → Triggers when the OCR finishes extracting text lines.
      • "A OCR.Space Word Output Done" → Triggers when the extracted words are available.
      • "A OCR.Space OCR Done" → Triggers when the OCR process is fully completed.
        • Workflow event → Elements.
          Workflow event → Elements.
      Example Usage:
    2. Go to Workflows.
    3. Add an event: "A OCR.Space OCR Done".
    4. Choose an action, such as Displaying the extracted text in a field or Saving the result to the database.

Plugin Element Properties

OCR.Space

Element properties → OCR.Space.
Element properties → OCR.Space.

Element Actions

  1. OCR - Performs Optical Character Recognition (OCR) on an image or PDF to extract text.
    1. Workflow action → OCR.
      Workflow action → OCR.
      Title
      Description
      Type
      File URL
      URL
      Text
      Language
      Language
      Text
      Receipt/Table/Invoice Mode?
      This mode ensures line by line OCR.
      Checkbox (yes/no)
      Endpoint
      PRO plans OCR API endpoint. Add your endpoint if you have a OCR PRO plan. Default - free OCR API endpoint.
      Text

Exposed states

Title
Description
Type
Output as Lines
Output as Lines
Text
Output as Words
Output as Words
Text
Output as Text
Output as Text
Text
Word Count
Word Count
Number
Output as Sentences
Extracted text output, structured as complete sentences. Useful for parsing documents where sentence structure matters.
Text

Element Events

Title
Description
Text Lines Done
OCR Done
Word Output Done
Word Output Done
OCR Done
OCR Done
Image without caption

Changelogs