The Hello Bar's new Inline form integrates seamlessly within the content of a webpage, making it less intrusive than pop-ups or sticky bars. This enhances user experience by keeping the flow of the page intact while still capturing leads.
(Hit CTRL(win)/CMD (Mac) +"Watch on Youtube" to view on Youtube)
To get started, select the "Inline Form" in the layout selection when you "create a new popup".
The inline form can be used for all Hello Bar goals but is highly recommended for lead capturing (Grow email).
Create your custom fields to add to the default email, name, and phone fields, and create a questionnaire and simple appointment form.
To embed your form to your site, you will need the CSS selector of the element where you would place your form.
The simplest way to get this CSS Selector is by using the Browser Developer Tool, here's how!
For Google Chrome, open your site, right-click anywhere on the page, and select "Inspect".
It will open the browser dev tool from which you will hit the little arrow icon, then point the cursor or click the element that you want your popup to appear next to, and then right-click on the highlighted element in the browser dev tool.
Select "Copy" then "Copy Selector".
Paste the CSS selector then hit "Publish Now" and that's it!
The inline form will then appear on the selected location of your webpage.
See more on how to get the CSS selector here https://devtoolstips.org/tips/en/copy-css-selector/
For any questions, suggestions, or concerns, feel free to reach out to us at support@hellobar.com.