Crop PAN Card Photos Before Upload on Bubble

We use CropGuide to crop a photo to PAN Card size before users upload photos to Bubble

First we need to install CropGuide for Bubble. Then we can set up PAN Card cropping. This will only take a couple of minutes.

If you’re unfamiliar with CropGuide you can try it out on the site

Choose the PAN Card aspect ratio

This guide uses an 86:54 crop ratio, approximating the physical proportions of an PAN Card. Confirm the requirements of the system receiving the upload before enforcing this ratio.

We can set the correct PAN Card aspect ratio in the CropGuide customer dashboard, this will make sure your customers always upload correctly sized images.

  1. Select your website in the Customer dashboard.
  2. Scroll towards the Configuration heading.
  3. Then find Crop Aspect Ratio heading just below it. A screenshot of the CropGuide dashboard showing a text input to set a custom crop aspect ratio
  4. Now we enter 86:54 as the aspect ratio, which reflects the PAN Card size in millimeters.
  5. Click Save.

Set minimum image dimensions

If you want to make sure images are of high enough quality you can optionally set the Minimum Crop Size field.

Now go to the form on your website, refresh the page so we’re sure our new settings have loaded.

Test the PAN Card upload field

When using the image upload field on your Bubble website, CropGuide will now ensure every image is cropped to match the PAN Card aspect ratio of 86:54.

Your customers can now correctly crop and rotate pictures of their PAN Card saving you time having to crop the documents manually.

Try a CropGuide demo on the site, or reach out if you have any questions.

Related content