Appearance

Embedding a Widget ​

Embedding a widget from Widget Studio is a simple process that allows you to integrate it seamlessly into your website. Follow the steps below to quickly embed your widget.

Step 1: Log In and Access Your Widget ​

Start by logging into the ACE Portal and opening the widget you want to embed in Widget Studio.

Step 2: Navigate to Installation Settings ​

Click on "Settings" and then go to the "Installation" section.

Step 3: Copy the Embed Code ​

Copy the provided embed code and paste it into your website’s HTML where you want the widget to appear.

Optional: Use Subresource Integrity (SRI) ​

For enhanced security, you can embed the widget using Subresource Integrity (SRI). This ensures that the embedded resources have not been tampered with, adding an extra layer of protection.

Optional: Content Security Policy (CSP) ​

To enhance security, our widgets are embedded as iframes, isolating them from your website. Before an iframe is added, configuration for your site is fetched from our backend. If your site uses Content Security Policy (CSP), please follow these steps:

  1. Whitelist https://widgets.ace.teliacompany.net/api/ under the rule for connect-src.
  2. Whitelist https://widgets.ace.teliacompany.net/ under the rule for frame-src.
  3. Whitelist https://widgets.ace.teliacompany.net/embed/ under the rule for script-src.
  4. Whitelist our embed script and our style sheets by adding a nonce under the rule for script-src and style-src.
  5. Add the same nonce to the script tag of our embed script.