Register

Create an Inline subscription form

Our platform has all the tools you need to create stylish and effective subscription formsOne of the types you can create is an inline subscription form. You can use this form to grab your visitor's attention by embedding a form on the page with the rest of the content.

To create an inline subscription form:

  1. On the Moosend dashboard, hover your mouse over the Growth Tools tab on the top navigation bar, and select Subscription Forms from the drop-down menu.modal_pop-up_subscription_form_1.png
  2. In the Growth Tools window, hover your mouse over New, and select Subscription Form from the drop-down menu.
  3. In the Choose subscription form type dialog, click Create underneath the Inline option. The Create a new Inline page is displayed.
  4. Follow the steps in the Create a new Inline page as described below.

A. Define the subscription form settings

  • In the Set basic settings step, in the Name field, type in a name for your subscription form, then click Next to continue.
    Note: Your subscription form's name is for internal use only and will not be shown to visitors on your page.

B. Create your design

To create a design:

  1. In the Design step, click the Start designing to access the Form Designer.
  2. To find a template to use as your starting point, browse the available subscription form templates in the Template Library.
  3. Click Use Template to apply it to your design. Then, use the options available to edit your selected template to your preferences.
  4. When you have finished designing your subscription form, in the top menu, click Proceed to Next Step.
  5. Click OK to continue.

 

C. Define the visibility settings

To define visibility settings for your form:

  1. In the Set visibility settings step, click Copy to copy the code snippet which appears, and then paste it at the location on your web page where the form should display.inline_subscription_form_4.pngNote: Your inline subscription form does not appear on your web page unless you have copy/pasted the snippet as described above.
  2. You can set rules under Advanced conditional form visibility settings. This is described in the following sections below, D. Set conditional rules for showing a form and E. Set conditional rules for hiding a form.

D. Set conditional rules for showing a form

To set conditional rules for showing your form:

Important: You must fill out all the fields of the rule, otherwise the form is not shown.

  1. Click the Conditional rules for showing the form tab.
  2. Specify if the form must be displayed when all or any of the criteria are present, using the drop-down menu.

    • The option All displays the form if all the rules added are true.
    • The option Any displays the form if at least one of the rules added is true.
  3. Click Add rule to add one or more rules and fill out the relevant fields to define them.
  4. Fill out the fields:
    • 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. 

E. Set conditional rules for hiding a form

To set conditional rules for hiding your form:

Important: You must fill out all the fields of the rule, otherwise the form is not hidden. Any rules for hiding your form override rules for displaying your form.

  1. Click Conditional rules for hiding the form. 
  2. Specify if the form must be displayed when all or any of the criteria are present, using the drop-down menu.
    • The option All displays the form if all the rules added are true.
    • The option Any displays the form if at least one of the rules added is true.
  3. Click Add rule to add one or more rules and fill out the relevant fields to define them.

F. Publishing your subscription form

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.

To publish your form on an active landing page or on your website that is connected with your account:

  1. In the Choose publishing method step, set the Yes, publish automatically to the following website switch to Yes.inline_subscription_form_5.png
  2. Under Publish on your site, in the Connected Websites drop-down menu, select your website or landing page.
    Note: For a landing page to be displayed on the list, it must be active. For a website to be displayed on the list, it must be verified.
  3. Under Embed or Publish to External Platforms, you can select to publish your form on third-party platforms or to your website if it's not connected to your account.
    • Click Setup located next to the Link to your form option and fill out the fields.
    • Click Setup next to the Embed your form option.

    Note: If your website is already connected with your account, it's unnecessary to add the provided code to embed your form. Use the Publish option on your website as described above. Click Copy to copy the code snippet that appears and then paste it into your website's code.

inline_subscription_form_6.png

Because this option excludes the website tracking code, any submissions and views for an embedded form are not counted in its total statistics.

G. View your subscription form summary

You can check if anything is missing from your subscription form.

  1. In the Summary step, edit a setting by clicking the Edit settings link.
  2. Check for any missing information. Any fields with missing information are indicated by Missing_fields_icon.png.