Add an Image Editor to your Carrd site

Add CropGuide to your Carrd forms, set image requirements, and receive better images.

Carrd is a cloud-based platform that enables businesses to build one-page landing pages, profiles, portfolios, forms or websites.

This guide helps you set up CropGuide to enhance the existing Carrd file upload field with image cropping functionality.

Installing CropGuide

To get started we first need to create a CropGuide account

Log in to CropGuide and add your domain to the control panel.

The control panel will generate a unique script for your domain similar to the one shown below:

<script defer src="https://cdn.crop.guide/loader/l.js?c=123ABC">
</script>

With your CropGuide account created let’s log in to the Carrd admin, select your site, and open the page editor on the page where you want to use CropGuide.

  1. Click + Add Element

  2. Click </> Embed to add a new Embed element.

  3. Set Type to Code.

  4. Copy the CropGuide script for your domain to the Code field.

  5. Set the embed Style to Body End.

  6. Click Done

That's it! CropGuide will now load and transform images when they're added to a file upload field on your Carrd page.

You can adjust the behavior of CropGuide in the control panel for your domain.

Please feel free to reach out to us if you any questions.

Learn more about CropGuide

Our photo editing technology is trusted by amazing companies

  • Dropbox
  • Square
  • ConvertKit
  • Funda
  • Global