Drag to adjust width of widget in Studio
I frequently want to download a PNG of a testimonial widget to put in a social media post (square or vertical) or on my Squarespace website, so the wide-width horizontal default of most testimonials doesn't work for me.
One workaround I tried so far was futzing with the CSS, or embedding the widget in an invisible sandbox page then resizing the browser window then screenshotting the widget once it's the size I want then using that screenshot. But this is a lot of steps. I'd like to be able to just drag the edges of the widget in Senja Studio until it's the width I need, then download the code snippet with those parameters or as a PNG in those dimensions. Examples attached below.
This was the widget at Senja Studio's default width:

First the testimonial was weirdly truncating both width and height in Squarespace; it stayed this width even when I resized the code box:

...So I futzed with the pixel dimension in the code (setting width="800" height="1200") to eventually get it to work, but it'd be simpler if I could just drag the edge of it while it was in Senja Studio until I got it looking the way I like it, then download the snippet or PNG straight out of Studio:

Log in to comment and vote
Comments1
Rani
Apr 21
Hey @Kat
Thanks for the suggestion.
When you Share your widget and change the Image Width in the Export as image modal, the text is automatically adjusted to the selected width.
Result in 720 px
Result in 1080 px
Let me know if it fits your needs.
Cheers,
Rani - Senja Support