Skip to main content

If there a way to use a widget so the widget is always open and embedded in the middle of the webpage

I would like it to be always open as it is on this website 

https://www.directline.com/car-cover/contact-us

I can only place it bottom left/bottom right with a help button

If I try and use an iframe, it no longer appears bottom left or right, but the content does not load.

 

Hi @Wiggy42 

Welcome to Freshworks Community :)


I believe widget API will helpful in your case. You can trigger the open widget API after 10s (Defined Time) using JS with something like

setTimeout(myFunc, 3000);

where myFunc will be defined as the open widget API


You can use this to auto-open the widget when the customer access your site. And defining the specific time period inside a timeout function. Which will delay it.

I hope this helps 
🙂

Here’s to you,
Vidya D


If there a way to use a widget so the widget is always open and embedded in the middle of the webpage

I would like it to be always open as it is on this car website 

https://www.directline.com/car-cover/contact-us

I can only place it bottom left/bottom right with a help button

If I try and use an iframe, it no longer appears bottom left or right, but the content does not load.

 

To achieve an always-open, embedded widget in the middle of your webpage, similar to the one on the Direct Line website, you can follow these steps:

  1. Custom CSS: Use custom CSS to position the widget in the desired location, not limited to the bottom corners. You can use position: fixed; with top, left, right, and bottom properties to place it in the center of the page.

  2. Iframe Issue: If using an iframe causes issues with loading or positioning, ensure the iframe's content is fully accessible and the dimensions are correctly set. You might also consider using JavaScript to dynamically adjust the iframe's position and size.

  3. Widget Code: Instead of an iframe, you can directly embed the widget's code on the page and use CSS/JavaScript to control its position and visibility.

This should allow you to have an always-visible widget in the middle of the page.


If there a way to use a widget so the widget is always open and embedded in the middle of the webpage

I would like it to be always open as it is on this website 

https://baggageway.com/luggage-storage-pisa/

I can only place it bottom left/bottom right with a help button

If I try and use an iframe, it no longer appears bottom left or right, but the content does not load.

 

When using an iframe, have you checked the iframe’s source URL to ensure it’s correct and that there are no cross-origin or security issues blocking the content from loading?

 


Reply