Embed the terminal web in another website

In this Price item

If you do not host your website yourself but use another platform, such as a customer portal, you can embed Opter's web portals on that platform.

You can only embed the web portals if you use HTTPS. If you run Opter Cloud, you have it. If you are running on-prem, you can see if you are using HTTPS by going to the customer web and checking if it says "https" in the address bar.

Proceed as follows

Enter the full URL of the domain where the portal will be embedded in the Domains that are permitted to embed the web portals field of the Internet tab in the office settings. You can enter multiple domains separated by spaces, for example if you have different domains for customers and hauliers.

Create a blank page on your website with an iframe pointing to the terminal web address.
```
<iframe src="https://budfirman.opter.cloud/terminal" allowfullscreen=""></iframe>
```

Check the embedding settings

Cookie files used must be set to SameSite = None, which also means that they must be Secure in order to display the web portal via an iframe in a browser.

These instructions apply to Chrome, but it works in much the same way in other browsers.

Log in to the terminal web and press F12.
Go to Applications and select the website under Cookies on the side menu.
Check that the .AspNetCore.Home and .Opter.Session cookie files have a tick in the Secure column and that there is None in the SameSite column.
Then go to Network and reload the page.
Click on the top entry in the list, "Main" in this example. It may be different depending on which page is open in the web portal.
Check that Content-Security-Policy has frame-ancestors set to the domain you specified in the office settings.