Register

Create a Floating Bar Subscription Form

Subscription forms are a useful way to grow your email list and business. Our platform has all the tools you need to create beautiful, stylish and effective subscription forms, while you can also choose the type of subscription form you wish to create.

One of them is the Floating Bar subscription form, let's see how you can create it:

 

1. Hover your mouse over the Growth Tools tab located at the top of your Dashboard page to reveal the drop-down menu and then click on the Subscription Forms option.floating_bar_subscription_form_1.png

 

2. On the right top corner of your page, hover your mouse over the New button to reveal the drop-down menu, then click on the Subscription Form option.

 

3. Once inside the corresponding pop-up window that appears, you can select the Floating bar subscription form type by tapping on the corresponding Create button below it.

 

A. Defining the subscription form settings

In the Set basic settings step, type in a name for your subscription form, then click Next to continue.

Please note that your subscription form's name is for internal use only and will not be shown to visitors on your page.

B. Creating the template
1. In the Design step, click on the Start designing button to access the Form Designer and start working on your subscription form design.

 

2. Once you are inside the Form Designer, browse subscription form templates in the Template Library to find one to use as your starting-off point.floating_bar_subscription_form_2.png_new.png

 

3. Once you have found a template you like, click on the Use Template button located to its right to apply it to your design.

Then, use the numerous settings options available to adjust your selected template to your preferences.

4. Once you are completely satisfied with your subscription form design, click on the Proceed to Next Step button in the upper-right corner of the Form Designer page.floating_bar_subscription_form_3.png_new.png

 

5. A pop-up window appears, asking you to confirm that you wish to continue to the next step. Click on the OK button to continue.

 

C. Defining the visibility settings
1. In the Set visibility settings step, choose where you would like the subscription form to be displayed by toggling the corresponding switch to Active.

Your options are:

  • Display the form at the top of the page
  • Display the form at the bottom of the page

 

2. Next, you can choose to hide the subscription form entirely from visitors who have already submitted it. To do this, click the Don't show the form to people who have already submitted it check-box (this is the default option).floating_bar_subscription_form_4.png_new.png

 

3. You can also choose Advanced conditional form visibility settings for your subscription form.

This setting gives you the option of setting rules for showing your form, for hiding your form, or for both.


To set rules for showing your form, follow the steps below:

A. i. Click on the Conditional rules for showing the form tab.

ii. Specify if the form should be displayed when All or Any of the criteria are present, using the drop-down menu.

The option All will display the form if all the rules added are true. 
The option Any will display the form if at least one of the rules added is true.

iii. Use the Add rule button to add the rule(s) you wish, and fill in the relevant fields to define them.

You have the following options:

  • URL Path
    To set a rule based on a specific URL path, choose URL Path from the first drop-down menu, specify whether the path is /is not / contains / does not contain / starts with / does not start with /ends with /does not end with and then complete the rule by typing the appropriate URL path into the third drop-down field and then press the enter button to add the value. Please note that this url path is after your domain. 
  • Cookie
    To set a rule based on a specific cookie name, choose Cookie from the first drop-down menu, specify whether it is /is not / contains / does not contain / starts with / does not start with /ends with /does not end with and then complete the rule by typing the appropriate value into the third drop-down field and then press the enter button to add the value.
  • Country
    To filter visitors based on their country, choose Country from the first drop-down menu, specify whether it is/is not and then choose the country from the drop-down list of available countries in the third field.
  • Device Type: You can filter visitors based on whether they are viewing through their mobile phone or their desktops. Choose the condition Device Type from the first drop-down menu, select whether this is/is not, and then, from the third drop-down field, select either Desktop or Mobile.
  • Operating System: You can filter visitors based on the operating system they are using. To do that choose the condition Operating System from the first drop-down menu, and in the second drop-down menu specify whether the OS is / is not and then choose from the drop-down list of popular operating systems in the third field. 

To set rules for hiding your form, follow the steps below:

B. i. Click on the Conditional rules for hiding the form tab.

ii. As before, specify if the form should be hidden when Any or All rules apply, using the drop-down menu.

The option All will display the form if all the rules added are true. 
The option Any will display the form if at least one of the rules added is true.

iii. Use the Add rule button the add and define the rule(s) you wish, as before.

Please note that any rules for hiding your form that apply will prevail over rules for displaying your form.

 

D. Publishing your subscription form

In the next step, you can automatically publish your form on an active landing page in our platform or on your website that is connected with your account and is verified.

1. To publish your form on an active landing page or on your website that is connected with your account, toggle the  to Yes.floating_bar_subscription_form_5.png

 

2. Then, select your website or your landing page from the drop-down list which appears. Note that in order to see a landing page in the list here, you need to make sure that is active and for the websites, they need to be verified.

 

3. On the Embed or Publish to External Platforms option below, you can select to publish your form on third-party platforms.

i) Click on the Setup button located next to the Link to your form option.

In the first field, select one of the available domains for your subscription form.

In the second field, you may, if you wish, edit the rest of your URL path.


ii) Click on the Setup button located next to the Embed your form option.

Note that in case your website is already connected with your account, it's not necessary to add the provided code to embed your form. You can just use the option Publish on your site as explained above on D1 and D2. Click on the Copy button to copy the code snippet that appears and then paste it into your website's code.floating_bar_subscription_form_6.png

Note that since this option excludes our website tracking code, any submissions and views for an embedded form will not be counted in its total statistics.

E. Your subscription form summary
This is a summary of your subscription form setup, as well as an easy way to see if anything is missing from your subscription form. There will be a red "X' in any fields with missing information.

Make sure to check out the instructions on how to create Pop-up, Inline,  Floating Box and Fullscreen forms, as well.