Embed CRM Scheduler

My client uses a CRM for small businesses called Vipecloud. I'm having trouble embedding the scheduler into his website. This is what I'm using. 

<iframe src="https://vipecal.com/knighthawk" style="border:0px #ffffff none;" name="Knighthawk" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="400px" allowfullscreen></iframe>

Website: knighthawkconsulting.com

Password: Knighthawk

Scheduler: https://vipecal.com/knighthawk

This looks like a problem with the connection, have you contacted Vipecloud?

On 11/24/2022 at 4:39 AM, Ziggy said:

This looks like a problem with the connection, have you contacted Vipecloud?

Yeah, you're right. It didn't like the version of the URL I used. The correct version is https://schedule.nylas.com/knighthawk. Can anyone help me improve the appearance? And possibly make it responsive? 

5 minutes ago, SmallSitesSarah said:

Can anyone help me improve the appearance?

Sadly iFrame is really old tech, dating back to 1997, it is inherently not responsive. 

You can try and increase the width and height in the code, but the thing to remember is that the iframe doesn't know what size the content within it is so you just have to try and make the iframe big enough manually to contain it, and this means leaving space in your layout and in the block.

I'm often tempted just to link out (in this case, to the scheduler) and have it open in a new tab.

8 hours ago, Ziggy said:

Sadly iFrame is really old tech, dating back to 1997, it is inherently not responsive. 

You can try and increase the width and height in the code, but the thing to remember is that the iframe doesn't know what size the content within it is so you just have to try and make the iframe big enough manually to contain it, and this means leaving space in your layout and in the block.

I'm often tempted just to link out (in this case, to the scheduler) and have it open in a new tab.

Yep. That's exactly what I settled on. Thanks.