Basic Chat Widget iFrame Fix

Tình trạng: Closed
Giải thưởng: $269
Các bài thi đã nhận: 2
Người chiến thắng: NayzacNour

Winner

Tóm tắt cuộc thi

We have a live chat app that runs within a window / popup from a supplier.

Id like this to be implemented into a chat widget design where clicking a chat button will open the chat within an iframe but made collapsible. (still within the same page so the user doesn't get a popup or has to leave)

Essentially converting what we have now into a CSS/HTML popover.
It needs to be full screen if on a mobile device and smaller if used on a PC.

What we have is currently when someone clicks the "chat to us" button, It opens a popup (target_blank)
I would like this page placed within a chat popover so it never creates a new window. Instead it opens in a nice "iframe"

The code needs to be fairly neat. I.e (so a snippet can be placed at the end of a page for it to work)

Please use this as the example page that should appear in the popover.
https://support1.imsupporting.com/welcome3/index.php?siteid=1234567890

This URL above is essentially what we want loaded into a popover (See picture)
1) The popover to include the above URL in the iframe
2) The popover to have some controls at the top right (to close/min/max the frame)
3) The popover should be full screen when opened on a phone (Android / Apple etc)
4) The popover should be standard size when opened on a PC
5) Must be easy integratable (I.e a small block of code at the end of the page)

The design should be adjustable. (colour, default size, borders, shadows etc)

The design should look modern and similar to how other "live chat" popovers for other websites look.

Các kĩ năng yêu cầu

Winner

Đăng cuộc thi giống như cuộc thi này

Phản hồi của người thuê

“Great work, very professional. Would work with again.”

linksus, United Kingdom.

Bảng thông báo công khai

Chủ cuộc thi
- cách đây 2 năm
Thanks all,
Final two entries are under consideration.
- cách đây 2 năm
NayzacNour
- cách đây 2 năm
Please check out my updated entry #44
- cách đây 2 năm
falmesino
- cách đây 2 năm
Working on it, please don't close it early
- cách đây 2 năm
1. falmesino
  - cách đây 2 năm
  please check the entry #40, thanks!
  - cách đây 2 năm
zayanislam
- cách đây 2 năm
Please check My entry #36
- cách đây 2 năm
zayanislam
- cách đây 2 năm
Please check My entry #21
- cách đây 2 năm
marcoosvlopes
- cách đây 2 năm
Hello sir, i've made the corrections you'd asked for. Check #26
- cách đây 2 năm
NayzacNour
- cách đây 2 năm
Please check entry number #27
- cách đây 2 năm
Chủ cuộc thi
- cách đây 2 năm
Contest extended as per some requests.
Great examples so far. Please remember the contents needs to be a iframe of the URL specified.
- cách đây 2 năm
1. marcoosvlopes
  - cách đây 2 năm
  Hello sir, i've made the corretions you'd asked for. Check #26
  - cách đây 2 năm
marcoosvlopes
- cách đây 2 năm
Hello sir, i've made the corretions you'd asked for. Check #26
- cách đây 2 năm
marcoosvlopes
- cách đây 2 năm
#secret
- cách đây 2 năm
Chủ cuộc thi
- cách đây 2 năm
Think about how the live chat looks on sites like https://www.livechat.com/
Need the button and popover to be smooth and stylish where possible. But still includes the iframe. Ideally the popover could resize based on the contents of the iframe.
- cách đây 2 năm
ksurat
- cách đây 2 năm
#extended Good day! I just saw this project now, please extend it.
- cách đây 2 năm
1. Chủ cuộc thi
  - cách đây 2 năm
  Extended
  - cách đây 2 năm
poudelsanskar8
- cách đây 2 năm
WOW.... 250 USD for this project. Loved it. Md Rakibul I is winner already ..Just look at this design. Congratulation boy.
- cách đây 2 năm
WalaaAyyad
- cách đây 2 năm
Kindly check #17
- cách đây 2 năm
marcoosvlopes
- cách đây 2 năm
Sir, please check #13
- cách đây 2 năm
zhshakib
- cách đây 2 năm
Please Checkout entry #8
- cách đây 2 năm
NayzacNour
- cách đây 2 năm
Please check out entry #7
- cách đây 2 năm
marcoosvlopes
- cách đây 2 năm
working sir
- cách đây 2 năm