If you read the message "... connection refused":
When you insert an Embed Page or Webview add-on into your website, here's why it happens and how to set it up:
First distinguish between 2 scenarios:
1. URL of the domain itself
For example, if we have the bot inside our website: "https://www.aivo.co/", and we enter the URL "https://www.aivo.co/conversational-ai" inside the add-on, it will work correctly.
2. URL of another domain
Continuing with the example in point 1), if a URL from another domain is entered into the add-on, https://aivovideos.co/example1 functioning will depend on the configuration of this site.
- Now, focusing on scenario 2, a common problem is that youtube videos don't work. We explain how to make it work.
- Incorrect way to configure the youtube video:
Forma correta de configurar o vídeo de Youtube:
The result of both cases can be seen in this video:
Finally, if you need to enter a URL that you own but which is on a different domain than the site on which the bot is located, here are some possible solutions that will depend on the characteristics of your sites.
You may need support from your technical team.
The main problem comes from the HTTP X-Frame-Options response header that can be used to indicate whether a browser should be allowed to render a page in a <frame> <iframe> or <object>.
DENY: The page cannot be displayed in a frame, regardless of which site is trying to display it.
SAMEORIGIN: The page can only be displayed in a frame with the same origin as the page.
ALLOW-FROM uri: The page can only be displayed in a frame with the specified source.
To solve this problem, you can use one of the following options, adding to the site you want to insert or adding to the iframe.
Add the following to your site configuration so that Apache sends the X-Frame-Options header to all pages:
Header always append X-Frame-Options SAMEORIGIN
To have Apache send the X-Frame-Options header to ALLOW-FROM a specific host, add this to your site configuration:
Header set X-Frame-Options "ALLOW-FROM https://example.com/"
To configure nginx to send the X-Frame-Options header, add this to the configuration, either http, server, or location:
add_header X-Frame-Options SAMEORIGIN;
For IIS to send the X-Frame-Options header, add this to your site's Web.config file:
<add name="X-Frame-Options" value="SAMEORIGIN" />
To have HAProxy send the X-Frame-Options header, add the following to your frontend, listen, or backend configuration:
rspadd X-Frame-Options:\ SAMEORIGIN