28468-200.png

add a store to your farm's website

Barn2Door is a complete ecommerce solution for farms, so farms can easily manage direct local sales and have their food ready for purchase 7 days a week. Farms can now have ecommerce stores across all online channels including a farm's own website (instructions to add, below), on a farm's very own mobile app (built by Barn2Door!) and on Barn2door.com's local food marketplace.

 

ADD ECOMMERCE TO YOUR WEBSITE
Note: you can publish your store in many places! Here are general instructions for you to add a webstore to your farm's website:

  1. Have your Barn2Door 5 digit store code ready (check your store URL)
  2. Login to your website account (GoDaddy, Wix, Squarespace, Weebly, custom built sites etc.).
  3. Replace this ##### with your 5 digit Barn2Door store code in the following 'code':
  4. <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" ></iframe>
  5. In the editor of your website account, enter exactly #4 with your 5 digit code in place of the #####

OPTIONAL
Your newly embedded store can have a thin black line around the edge or NO black line around the edge. To update to your preference, change the above code to one of the following:

  • NO BORDER: <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" style="border: none;" ></iframe>
  • THIN BLACK BORDER: <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" style="border: 1px solid;" ></iframe>
squarespace.png
weebly.png
godaddy.jpeg
wp.png
wix.jpg

Tips & Nuances for Various Website Hosts

ADD YOUR BARN2DOOR ECOMMERCE STORE TO YOUR SQUARESPACE WEBSITE

  1. Login into your SquareSpace site https://<yoursite>.squarespace.com/config/
  2. Click on Pages in the left column.
  3. Select the page where you want your ecommerce store or add a new page if you wish.
  4. Click Edit on your page content.
  5. Click the + symbol on the upper right of your Page Content Editor to add a new Block.
  6. Search Content Blocks for Code.
  7. Select the Code < / > item.
  8. In the editor dialog that appears, enter exactly the following: <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" ></iframe>
  9. Replace this ##### with your 5 digit Barn2Door store code.
  10. Click Apply on the dialog.
  11. Click Save on the Page Content header.
  12. Your store should be visible on your website.

ADD YOUR BARN2DOOR ECOMMERCE STORE TO YOUR WORDPRESS.ORG WEBSITE*

Note: you will need your 5 digit Barn2Door store code

You can add your ecommerce store to Wordpress.ORG site but not a Wordpress.COM site. 

  1. Login to your Wordpress.org account.
  2. In the editor, enter exactly the following: <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" ></iframe>
  3. Replace this ##### with your 5 digit Barn2Door store code.
  4. Click Apply or Save.
  5. Your store should be visible on your website.

ADD YOUR BARN2DOOR ECOMMERCE STORE TO YOUR WIX WEBSITE

Note: you will need your 5 digit Barn2Door store code

To add your store to WIX:

  1. Login to your Wix.com account.
  2. In the editor, enter exactly the following: <iframe src="https://barn2door-prod.herokuapp.com/a/#####" width="100%" height="800" ></iframe>
  3. Replace this ##### with your 5 digit Barn2Door store code.
  4. Click Apply or Save.
  5. Your store should be visible on your website.
 

* While you can add your store to most websites, a handful of sites block outside ecommerce (e.g. Shopify, Wordpress.com). For all other sites, simply login to your account and navigate [inside the editor] where you want to add your ecommerce store. Feel free to contact us with questions - we are happy to dive into the details with you!