thread Resize embedded js code in Payments Troubleshooting

Resize embedded js code

wineskipping — Sat, 20 Sep 2025 12:36:58 GMT

I have a resova site set up for scheduling online classes. I'd like to embed that content in Weebly. According to resova, I need just copy this code and then can manually adjust the size of the embedded object with your tools. I have inserted the embed code but the display box is so small that no one could possibly use it to schedule a class. You can't even see the list of classes. I tried using an iframe wrapper with sizing but that broke page. Any suggestions? I know others are doing it so must be possilbe.

<div id="resova-wrapper"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src="https://mysitename.resova.us/widget";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'resova-pi'));
</script>

Re: Resize embedded js code

ashc — Tue, 05 Jan 2021 12:48:08 GMT

Heya @wineskipping and welcome to the Community.

Did you check out this Support Center article already?

It goes over the widget/embedded codes options and how you can change the appearance of them. Might help!

Re: Resize embedded js code

wineskipping — Tue, 05 Jan 2021 15:10:45 GMT

Thanks I definitely did read that but it doesn't tell you how to enlarge the embed area only how to insert the code. What I get is this:

https://photos.app.goo.gl/KUmkchLEsu274W3z6

When what I want is this:

https://wineskipping.resova.us/

No matter which of the two layout options I'm given. I tried wrapping the div tags in an iframe with more width and hight but it broke the page and I tried using width and hight in the div itself to no avail.

This will definitely be a deal breaker as the only thing I'm selling is bookable sessions through Resova so if the integration looks like this it's a non starter.

Thanks