AR Image Cropper Block

by art4melody



Sample Salesforce Marketing Cloud Content Builder Block using the blocksdk.


As a node app:

npm install
npm start

One click deployment to heroku:


Building your own block from here

# do not fork
git clone <my block name e.g. myblock>
cd <my block name e.g. mybock>
# create your own empty github repository for your new block and copy the clone url for it
git remote set-url origin <your empty repo url>
npm install

Files to edit:

  • src/main.js for your code
  • dist/index.html for your markup
  • package.json for your block name and description
  • to be your own README

To test your changes locally:

npm run build; npm start

Then go to the block tester app and enter http://localhost:3000 in the text field and click a block. You will have to allow unsecure iframes in your bowser (top right in the url bar in Chrome) first.

Once ready to deploy, commit your changes to your repo and click the deploy to heroku button on it.