{"id":10198,"date":"2016-06-10T10:09:38","date_gmt":"2016-06-10T10:09:38","guid":{"rendered":"\/?p=3161"},"modified":"2018-06-02T11:08:07","modified_gmt":"2018-06-02T05:38:07","slug":"how-can-i-attach-the-input-field-and-submit-button-in-a-form","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-can-i-attach-the-input-field-and-submit-button-in-a-form\/","title":{"rendered":"How can I attach the Input Field and Submit button in a Form?"},"content":{"rendered":"

Available from Version 2.3.1<\/p>\n

With ConvertPlus you have a number of possible designing features to customize your popups. The inbuilt form builder and designer lets you design your form and its elements as well.<\/p>\n

The purpose of this document is to help you create an opt-in form with a connected input field and submit button like the one shown in the image below.<\/p>\n

\"Connected<\/a>In order to create such a form, you will need to follow the steps mentioned below.<\/p>\n

1. Select and Design a Module according to your campaign needs.<\/p>\n

\"Select<\/a>2. Open it in the Editor
\nGo to Design -> Form Designer<\/strong><\/p>\n

\"Select<\/a><\/p>\n

3. Select the Horizontal Form Layout<\/p>\n

\"Select<\/a>4. Enable the \u201cSubmit and Input box Connected<\/strong><\/em>\u201d Option<\/p>\n

\"Enable<\/a>5. Save and Publish<\/p>\n

\n

Points to Remember:<\/strong><\/p>\n

    \n
  • After enabling this option, you can only use the Flat and Gradient options for the button.<\/em><\/li>\n
  • This setting is available only when you have a single input field under layout 3. You, therefore, cannot have more than one input fields other than the hidden field when you wish to connect the input field and the button.<\/em><\/li>\n
  • The height of the connected input field and the button can be adjusted using the individual padding options and by changing the font size of the text they contain.<\/em><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

    Available from Version 2.3.1 With ConvertPlus you have a number of possible designing features to customize your popups. The inbuilt form builder and designer lets you design your form and its elements as well. The purpose of this document is to help you create an opt-in form with a connected input field and submit button […]<\/p>\n","protected":false},"author":23,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[20],"docs_tag":[],"class_list":["post-10198","docs","type-docs","status-publish","hentry","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":4,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10198\/revisions"}],"predecessor-version":[{"id":22087,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10198\/revisions\/22087"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=10198"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=10198"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=10198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}