Sidebar embed
Open the form beside your website page
Use a sidebar embed when the page information still matters. Visitors can keep pricing, product details, or instructions in view while filling out the form.
Sidebar
Installation
Add the sidebar embed to your website
Select your website type. The code and instructions update together.
HTML
HTML code
<script src="https://api.smartformify.com/embed/sidebar.js?sig=YOUR_SIGNATURE" async></script>
Paste the snippet where the form should appear or where its launcher should load. Replace YOUR_SIGNATURE with the values from SmartFormify.
Before you publish
Copy the code
Choose the website type above and copy the prepared snippet.
Replace the placeholders
Add the signature from the form's share settings.
Publish and test
Open the live page on desktop and mobile, then send one test response.
Practical guidance
Plan the embed before publishing
Choose a page position that supports the visitor’s task, then test the complete form on desktop and mobile.
What is a sidebar form embed?
A sidebar form embed opens the form in a side panel while the page remains visible. This gives visitors a way to respond without losing the pricing, product details, or instructions they were reading.
Where sidebar embed works best
Use sidebar forms on service pages, product pages, pricing pages, help pages, and comparison pages where the surrounding content helps visitors answer the form accurately.
Sidebar embed setup tips
Choose a panel width that gives the fields enough room, and check how the panel behaves on small screens. The sidebar should support the page, not cover important actions.