Google Click Fraud

Embedding your Goodeats page


Goodtill provides the ability to embed your Goodeats store pages within your website or mobile app.

Embed URLs

You can embed your Goodeats store page within your website or mobile app using an iframe. To embed the page for a single outlet use the following iframe tag and source:

https://goodeats.io/YOUR_OUTLET_IDENTIFIER?embed_outlet=YOUR_OUTLET_IDENTIFIER

The embed parameter will prevent the user from navigating to other store outlets within the iframe.

You can also use the following page URL to display a list of all the outlets within your account. Please note that unlike embedding a single outlet, this will allow users to navigate to other stores.

https://goodeats.io/YOUR_SUBDOMAIN/all

Embeding as an iframe

The following HTML and CSS can be used to embed the Goodeats page fullscreen within your website.

Payment request
You must add allowpaymentrequest="true" to the iframe to allow Apple Pay and Google Pay payments via Stripe.
<!DOCTYPE html>
<html>
    <head>
        <title>Order online</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <style>
            html, body, iframe {
                width: 100%;
                height: 100%;
                padding: 0px;
                margin: 0px;
                border: 0px;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <iframe src="https://goodeats.io/YOUR_OUTLET_IDENTIFIER?embed_outlet=YOUR_OUTLET_IDENTIFIER" allowpaymentrequest="true"></iframe>
    </body>
</html>
Support
While Goodtill supports embedding your Goodeats store within an iframe, we cannot provide assistance with embedding the page in to your website as all platforms are different. Please contact your website developer for assistance.

Embedding in an app

When embedding in a mobile application, please add an app_embed=true parameter to the embed URL. This will disable the social login buttons (Google and Facebook) as these are blocked by Google and Facebook when running in an embedded browser.

Example URL:
https://goodeats.io/YOUR_OUTLET_IDENTIFIER?embed_outlet=YOUR_OUTLET_IDENTIFIER&app_embed=true

Apple Pay and Google Pay unavailable
Apple Pay and Google Pay will not be available when embedding your Goodeats store page in an app. This is a restriction imposed by the payment processors which we cannot overcome.

Listing outlets in your website

The Goodtill API can be used to fetch to fetch a list of outlets which can then be displayed in your website. This can be used to provide the user with a choice of outlets to order from which can be linked or directly or embedded as an iframe.

API documenation for the GoodEats-GetOutlets endpoint can be found here

The slug field in the response is the outlet identifier.

The following code shows how the outlet list can be fetched from a JavaScript application:

fetch('https://weborderapi.thegoodtill.com/api/outlets?client_subdomain=YOUR_SUBDOMAIN')
	.then(response => response.json())
	.then(data => {
		// Get outlet list
		const outlets = data.outlets;

		// Use outlet list...
	})
	.catch(error => console.error(error));
Need Further Help?

We are always happy to help with any issues you may be having. If you can't find what you're looking for within our support portal please send us a message by clicking the button below or call our support team on 0203 322 4095.