Thank you for choosing our widget! This guide will walk you through the process of integrating and using our widget with the provided HTML code. The widget allows you to embed an iframe displaying different types of content from the specified source. Follow these steps to get started:
First, copy the HTML code provided below. You can paste this code into your website or web application where you want the widget to appear.
Note! You will receive {YOUR_COMPANY_SLUG} from us, and you'll need to insert it into the code.
<div style="display: flex;
flex-direction: column; width: 100%; min-height: 300px; height: 300px;">
<iframe
src="https://www.redeye.se/ir-iframe/{YOUR_COMPANY_SLUG}?style=light&type=research"
style="border: none; height: 100%; width: 100%;"
title="Iframe IR Redeye"
>
</iframe>
</div>Replace {YOUR_COMPANY_SLUG} with the parameter provided by us.
Paste the copied code into the HTML source code of your website or web application. You can place the widget wherever you want it to appear. Make sure to maintain the structure and styles as provided in the code. Adjust the surrounding div height and width to fit your website layout.
<!DOCTYPE html>
<html>
<head>
<!-- Your head content here -->
</head>
<body>
<!-- Your other website content here -->
<!-- Paste the widget code here -->
<div style="display: flex;
flex-direction: column; width: 100%; min-height: 300px; height: 300px;">
<iframe
src="https://www.redeye.se/ir-iframe/{YOUR_COMPANY_SLUG}?style=light&type=research"
style="border: none; height: 100%; width: 100%;"
title="Iframe IR Redeye"
>
</iframe>
</div>
<!-- More of your website content here -->
</body>
</html>You can customize the widget by modifying the HTML and CSS properties as needed. Here are some customization options:
Height:
We suggest changing the height of the surrounding container to better display the contents of the iframe. The content inside the iframe itself is flexible which means it will adjust itself to the available height and width on the site it is implemented on. Default values for the container in the code above is set at 300px but we suggest increasing the height or experimenting with a flexible container that suits your overall layout best.
Style:
You can adjust the style to your website by choosing light or dark background to your widget. This customization is made by changing the source url that the iframe points towards. Default is light.
Type: You can choose between three different types of widgets depending on what type of content you want to highlight on your website.
researchwill show a list containing the 5 latest articles published by Redeye on your company.eventwill show a video player containing the most recent Event Presentation, CEO Interview or Analyst Interview featuring your company.landingwill show a smaller widget that highlights what sort of information about your company an investor can access through Redeye and provides direct links to said content.
The default (accessed by omitting type from the URL) is the depricated widget which resembles the new research type.
After pasting the code and making any necessary customizations, save your changes and test your website or application to ensure that the widget is displayed correctly. If everything looks good, you can go ahead and publish your site or application with the widget integrated.
That's it! You've successfully integrated our widget into your website or application. If you have any questions or encounter any issues, please don't hesitate to reach out to us for assistance (joel.karlsson@redeye.se). We're here to help you make the most of our widget.