Embed survey can be used as a small part of a website, for example after guiding article to ask if it was helpful. Here are instructions how to embed survey: https://developer.surveypal.com/docs/embed-surveys
Space allowed for embed survey is smaller than traditional, full-page surveys and therefore should be adjusted to fit better to the space given.
Vertical space optimization
In Design view, under Sizes and shapes adjust different vertical spacing settings:
Margin, top: 0px
Margin, bottom: 0px
Page margin, top: 0px
Page margin, bottom: 0px
Horizontal space optimization
You can allow survey content to take more horizontal space inside its frame or better align it to other content on the page by changing some values in the Design view under Sizes and shapes:
Width: 100%
Page margin, left: 0%
Page margin, right: 0%
Custom CSS
You can add few more changes to custom CSS (icon </> in design view).
You can narrow down the space between ‘Powered by Surveypal’ link and survey’s other content with custom CSS code:
.form .poweredBy {margin-top: 1em; }
Additionally, empty space between different survey elements can be adjusted with custom CSS code:
.element { margin-bottom: 1em; }
You can also hide progress bar and back button if your survey is short
.progress { display:none; }
button.prev { display:none; }
Remove vertical scroll bar from ‘Choose language’ and ‘Thank you’ pages
.page-container { overflow-y: inherit; }