Embed a Group Page in a Website
It is now possible to embed a group page into a website external to Harvest To Order. Here you will find step by step instructions for setting this up. This feature is relatively new, and has not been comprehensively tested across all platforms. Please contact your Harvest To Order if you experience issues with embedding a group page in your website.
Pre-requisites for Embedding a Group Page
It is possible to embed a group page on any website where you can add custom html to the destination page, including platforms such as WordPress, Squarespace or Wix.
Below are some platform specific resources:
- Go to Squarespace for more information about adding custom html using “codeblocks”
Because Harvest To Order is an eCommerce platform, and handles monetary transactions, it has a higher security requirement than some websites. Therefore, you’ll need to have SSL/TLS set up on the website you want to embed your group page into. You can get a free security certificate from Let’s Encrypt or for around $10-$30 for other paid service.
Harvest To Order Group page
Before proceeding, you should complete setting up your group page on the Harvest To Order. You’ll need to know your Harvest To Order group page URL to complete the setup steps below.
How to Embed a Group Page
1) Contact your Harvest To Order team
First of all, you’ll need to contact your Harvest To Order team and let them know you want to embed your Harvest To Order group page in your website. You’ll need to provide them with your external domain. eg. regionalgroup.com.au so they can grant permission for your website to communicate with Harvest To Order.
2) Adding Custom HTML to your website
Embedding your group page is as simple as inserting a line of code into your website. Below is an example of the HTML that you should insert into the page where you want to embed your Harvest To Order group page. You will need to replace ‘flavour-crusader’ with your shop’s unique Harvest To Order permalink.
Once you’ve done this, you should see your Harvest To Order group page appear within your website at the location where you inserted the HTML.
NOTE: See the instructions on creating and managing a group page to find out how to edit your unique Harvest To Order permalink.
Depending on the styling of your website you may need to edit the CSS. If you are not familiar with CSS you may need to engage the services of your website administrator. CSS may be needed to avoid having two scroll bars, and to make sure the length and width of the embedded group page is visually appealing. Make sure to test the display of your group page on a mobile device as well as this may require further changes.
Instructions for Visitors
Most people have cookies enabled on their web browsers. But if a visitor doesn’t enable cookies they may see an error message similar to the one below, and not be able to view the embedded group.