{"id":37977,"date":"2024-09-11T16:28:31","date_gmt":"2024-09-11T20:28:31","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=37977"},"modified":"2024-09-11T16:28:34","modified_gmt":"2024-09-11T20:28:34","slug":"creating-optimized-forms","status":"publish","type":"page","link":"https:\/\/university-communications.ncsu.edu\/documentation\/products-and-tools\/landing-page-builder\/creating-optimized-forms\/","title":{"rendered":"Creating Optimized Forms"},"content":{"rendered":"\n\n\n\n\n

Form Options<\/h2>\n\n\n\n

You have several options for embedding forms on your landing pages:<\/p>\n\n\n\n

Floated Gravity Forms<\/a><\/h3>\n\n\n

The Floated Gravity Form allows you to embed a colorful, eye-catching version of any Gravity Form on your landing page, \u201cfloated\u201d to the side of your page content. This block is useful for pages built with the Landing Page Builder where maximizing conversion rates is a priority. By keeping forms highly visible alongside your page copy, you can encourage higher form engagement and conversion rates. Learn more about Floated Gravity Forms here.<\/a><\/p>

\n
\n \"\"\n <\/figure>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n\n

Sticky Forms<\/a><\/h3>\n\n\n

Visible to users on mobile devices only, the Sticky Form allows you to add an expandable form to your landing page that stays on the screen as your users scroll. This functionality is ideal for maintaining user engagement by providing easy access to forms without interrupting the content browsing experience. It can be useful for collecting lead generation information, newsletter sign-ups. Maintaining consistent visible of the call-to-action (CTA) aids in maximizing conversion rates. Learn more about Sticky Forms here.<\/a><\/p>

\n
\n \"Sticky\n <\/figure>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n\n

Embedded Slate<\/span> Forms<\/a><\/h3>\n\n\n

The Slate<\/span> Form Embed block makes it easier to embed Slate<\/span> form code within pages. In some cases directly copying and pasting the embed code can be unsuccessful because of code sanitization functionality within WordPress, but this block allows you to embed a Slate<\/span> form without that concern. Learn more about the Slate<\/span> Form Embed block here.<\/a><\/p>

\n
\n \"<spanSlate<\/span> Form Embed\" style=\"object-position:17% 58%\" >\n <\/figure>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n\n

Giving Forms<\/a><\/h3>\n\n\n

The Giving Form block utilizes the Advancement Online Giving Link Builder to embed a gift intake form directly into a WordPress site. This block can be an effective way to facilitate gift giving in association with a specific campaign. Learn more about Giving Forms here.<\/a><\/p>

\n
\n \"Giving\n <\/figure>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n\n

Best Practices for Form Optimization<\/h2>\n\n\n\n

Here are six tips for creating forms that not only capture essential information but also encourage users to complete and submit them.<\/p>\n\n\n\n

    \n
  1. Keep forms simple.<\/strong> Ask only for the essential information you need. The longer a form is, the lower the conversion rate it will have. For lead generation campaigns, it’s best to ask only for a user’s name and their email address. If you need more information from them, you can follow up with an additional form on the “thank you” page<\/a> users will be redirected to or an email drip campaign that can ask the user to provide additional information about themselves. <\/li>\n\n\n\n
  2. Place forms strategically.<\/strong> Position your forms near the top of your landing page where they are immediately visible. Most users won’t scroll to the bottom, so placing key forms and CTAs early increases the chances of conversion. Make use of Sticky Forms<\/a> and consider repeating the form further down the page to catch users who scroll.<\/li>\n\n\n\n
  3. Use clear CTAs.<\/strong> Ensure your call-to-action buttons are easy to understand and stand out visually. The language should be direct and compelling, such as “Request More Info” or “Donate Today,” to prompt users to take the desired action.<\/li>\n\n\n\n
  4. Test, analyze and optimize.<\/strong> We recommend regularly using A\/B testing to experiment with different form layouts and copy to see what drives the most conversions. Analyze your form performance and make data-driven adjustments to improve effectiveness.<\/li>\n\n\n\n
  5. Optimize for mobile.<\/strong> The majority of traffic to pages built in the Landing Page Builder is usually from mobile users, so it’s important to make sure your forms are easy to use on mobile devices. Long form lengths negatively impacts the experience for mobile users. <\/li>\n\n\n\n
  6. Offer an incentive, and follow through.<\/strong> For lead generation campaigns, consider offering an incentive\u2014such as a whitepaper download or an email with additional information about a program\u2014to encourage users to complete the form. Make sure to follow through promptly by delivering the promised resource as soon as possible.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Form Options You have several options for embedding forms on your landing pages: Floated Gravity Forms Sticky Forms Embedded Slate Forms Giving Forms Best Practices for Form Optimization Here are six tips for creating forms that not only capture essential information but also encourage users to complete and submit them.<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":37972,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Creating optimized forms is essential for driving successful lead generation on your landing pages. Using the right kind of form and placing it strategically can significantly impact your conversion rates. This guide provides tips and best practices for creating effective forms using the Landing Page Builder.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-37977","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/37977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=37977"}],"version-history":[{"count":4,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/37977\/revisions"}],"predecessor-version":[{"id":39588,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/37977\/revisions\/39588"}],"up":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/37972"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=37977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}