Here is the step-by-step procedure that you need to follow.
First, go to Hello Bar and create an account.
Once you create an account, be sure to add the Hello Bar script to your page so you can start adding Hello Bar units.
After that, you'll need to upgrade to one of Hello Bar's affordable paid plans. These plans will quickly pay for themselves by helping you convert more of your traffic.
Next, create a new “popup window” and then “Select your destination” from the list provided.
Picture
Now select “Inline Embed” and start designing your inline unit.
AD 4nXfqVwbjOVNKnZ2NX77pnUKlAAUJ7M7zqWQr1qbeXyl0xx48VfMwQ28bz9bZRlefaBcP3KOVIwqGQ1G U JFBTKGZbC7 XZNq9 l4YOlWdmS7jM6DbJnll QUBvcutLl dJ14zCnC9tMf7Cy8sMR771bM6KE?key=w9KedX3BLJEfizJlhXyPAA
This will open a dashboard where you can design your inline unit and add the fields and messages you want.
In the next section, we will discuss the design aspects of creating an inline unit using Hello Bar.
Hello Bar inline form design
In this section, we'll cover some important aspects of designing forms with Hello Bar Inline. This includes a step-by-step process and some design tips to help you achieve the best results.
Step-by-step process for designing an embedded form using Hello Bar
Follow these step-by-step instructions to create engaging forms using Hello Bar Inline.
1. Select a template
The first thing you need to do when designing an inline form with Hello Bar is to choose a template. Based on the goal you student database selected in the previous step, you will find many options to choose from.
You can create different types of inline forms for each goal. For example, if your goal is to collect email addresses from website visitors, there are many ways to do this.
Here are some examples:
Ask for feedback and ask them to fill out a survey, including an email address as one of the form fields.
Promote closed content, such as e-books and whitepapers, that people can access by entering their email addresses.
And many more!
Hello Bar offers different templates for these different scenarios. Here are some examples.
AD 4nXfeHUwTeibxzbHfDRun5Mc8qG4cwgGXaiG JXBPDv uS 9FCbuuq6Cb6VY1tK37 1SaiCn9UjXOLiVVJmXKb6DaIQc6shXQne SHrifjIfghGhmXdtmh bLGKQyMKxFYGFkIJlsAOA 18FbAtIVfHF48NJ?key=w9KedX3BLJEfizJlhXyPAA
Choose the template that best suits your needs and start editing it.
2. Add or edit form fields
The next step is to customize the template and add or remove form fields depending on your requirements.
Please note that some form fields will be fixed depending on your goal. For example, if your goal is to collect email addresses, you cannot remove the email form field because that is the primary purpose of your embedded form.
You can easily add or remove any unnecessary form fields. Here's how:
Go to the "Input Fields" drop-down menu on the Design tab and select the fields you want to add to your form.
Add the message you want to add to the selected field. For example, if you select a multiple choice question, add the question and multiple answers for people to choose from.
Arrange the various form fields as you like by simply dragging and dropping them onto the form.
Change the title and other content.
Include your logo, brand colors and fonts, and other branding elements .