Introduction to the Sitecore XM Cloud Forms Builder

Explore the robust features of Sitecore XM Cloud Forms, offering insights on how to effectively design, integrate, and optimize web forms to enhance user engagement and streamline data collection

April 21, 2024

By Theresa Gutierrez

The Sitecore XM Cloud Forms Builder is Here!

Introducing the XM Cloud Forms Builder, a tool to create and manage web forms on Sitecore XM Cloud. Forms tools are essential for digital marketing, customer feedback collection, e-commerce transactions, and any scenario where gathering data from users is valuable. Whether you're looking to gather insights, enhance customer interaction, or streamline your marketing efforts, the Forms Builder tool in Sitecore XM Cloud will help you accomplish your website goals.

This blog will take you through the basics and benefits of using the new Sitecore XM Cloud Forms Builder. We'll show you how easy it is to make web forms that help with your marketing, keep users interested, and collect information efficiently. Whether you're just starting with Sitecore's forms or want to get more from them, this blog has tips and tricks to help you boost your web experience.

Understanding the XM Cloud Forms Builder

Forms is an intuitive app within the Sitecore XM Cloud platform that streamlines the process of creating visually appealing and easy-to-use forms on web pages. Like any other webpage component, you can seamlessly integrate forms to enhance user interaction. What sets the XM Cloud Forms Builder apart is its ability to facilitate the secure transmission of data to third-party applications via webhooks, ensuring user data is not captured but efficiently passed across various touchpoints.

At its essence, XM Cloud Forms empowers users with a robust tool for the simplified creation and management of web forms, thanks to its cloud-native environment. This move to a SaaS-based CMS platform within XM Cloud harnesses the power of cloud technology's scalability, flexibility, and security. Consequently, forms become more dependable, and capable of handling fluctuating user traffic without any dip in performance, ensuring a smooth and reliable user experience across the board.

Dashboard of Sitecore XM Cloud showing various tools including a selected 'Forms' option.

XM Cloud Forms Key Features and Capabilities

Below is a concise overview of the key features and capabilities of the Sitecore XM Cloud Forms Builder. This table summarizes how each feature not only simplifies the form creation and management process but also enhances the overall user experience. From easy-to-use design interfaces to advanced analytics, each aspect is designed to contribute to more engaging, personalized interactions between businesses and their audience.

FeatureDescriptionImpact on User Experience
Drag-and-Drop Form BuilderAllows easy construction of forms by moving elements around the interface.Simplifies form creation, encouraging customization without deep tech knowledge.
Variety of Form Field TypesIncludes text inputs, dropdowns, checkboxes, and more, to collect precise user information.Enables precise data collection tailored to specific needs, enhancing relevance.
Integration CapabilitiesSeamlessly connects with Sitecore's ecosystem, like the xDB and EXM, for personalized marketing actions.Facilitates targeted follow-ups and enriches user profiles for personalized experiences.
Conditional LogicForms change dynamically based on user inputs, showing or hiding fields as necessary.Keeps forms relevant and concise for each user, increasing completion rates.
Multi-Step FormsBreaks down complex forms into manageable sections.Improves engagement by making lengthy forms more approachable.
Analytics and ReportingOffers insights into form interactions, such as completion rates and conversion metrics.Enables optimization of forms based on user behavior for better performance.
Security and ComplianceIncorporates security measures and complies with data protection regulations like GDPR.Ensures user data is protected, building trust and compliance.

Benefits of Sitecore XM Cloud Forms

Here's a concise table summarizing the benefits of using forms on a website and how marketers can leverage them for digital engagement:

Use CaseBenefitHow Marketers Can Use It
Data CollectionBuilds a customer databaseSegment audience for targeted campaigns
Lead GenerationFeeds the sales pipelineCapture leads on landing pages with valuable offers
Customer FeedbackGathers insights for improvementUse feedback to enhance products/services and customer experience
Enhanced PersonalizationTailors marketing to user needsCustomize communication and offers based on collected data
Event Registration & ManagementSimplifies attendee managementFacilitate engagement around events
E-commerce TransactionsEnsures a smooth checkout processOptimize order processing forms for a better user experience
Segmentation and TargetingImproves campaign focusUse form data to segment the audience and target them with specific content
Content MarketingSupports content strategyGate premium content to gather information in exchange for access
Email MarketingExpands communication channelsGrow email lists for newsletters and personalized offers
A/B TestingOptimizes conversion ratesTest forms for different marketing strategies to see what works best
Customer Journey MappingEnhances understanding of user experienceIdentify key interaction points and feedback opportunities through forms
Social Proof and ReviewsBoosts brand reputationEncourage satisfied customers to leave reviews or testimonials through forms

Creating a Form in Sitecore XM Cloud

  1. Navigate to the Forms dashboard and click Create New in the top right corner.

    A view of the Sitecore XM Cloud forms dashboard highlighting the 'Create new' button.

  2. Name your form and click Save to launch the XM Cloud Forms Builder.

    Screenshot of the Sitecore XM Cloud interface with a popup to create a new form named "New Form."

  3. Here we can choose from various layouts and items, adjust settings, and add additional pages to your form. Click Choose layout or the Template library button in the top left corner to start building your layout.

    A screenshot of the Sitecore XM Cloud form editor showing various layout templates.

  4. Once your form is designed, click Save & Exit. For the sake of brevity, we chose to use one of Sitecore’s OOTB templates for this example. If you want a more detailed overview of the XM Cloud Forms builder, click here.

    An email newsletter signup form template open in Sitecore XM Cloud's form editor.

  5. Now that our form is designed, we have to configure our webhook under the form Settings. We don’t provide a full explanation here, but you can read our blog detailing how to configure webhooks in Sitecore XM Cloud Forms.

    A form settings menu in Sitecore XM Cloud with options for webhooks and submission actions.

  6. Next, we need to select a submit action for your form: None, Redirect to a URL, or Success message.

    Dropdown menu for choosing a form submission action in Sitecore XM Cloud.

    If you choose to have a Success message, you can configure it here.

    An editor window for customizing a success message upon form submission.

  7. Finally, we will customize a Fail message to display in case the action is unsuccessful.

    A close-up of a form editor displaying an error message customization option.

  8. Once you’re happy with your form and its settings, you can move forward to activate it. Click the arrow next to Save & Exit to select the Save and activate option. We also have the option to save it as a new version or template. This will publish our new form and allow us to add it to our XM Cloud website using Sitecore Pages.

    A screenshot showing the option to save, activate, or template a form in Sitecore XM Cloud.

Building Forms in XM Cloud is Easier Than Ever

As we've seen, Sitecore XM Cloud Forms simplifies how we interact with digital forms, combining ease of use with powerful functionality to enhance user engagement and streamline data management. Looking ahead, our next blog will dive deeper into the Forms Builder feature, a tool that empowers both marketers and non-technical users to effortlessly design their own forms and integrate them into their websites.

Stay tuned to explore how you can leverage this intuitive builder for your Sitecore XM Cloud website!

Until next time, happy form building!



Theresa

Theresa Gutierrez

Sitecore Strategist | Sitecore Strategy MVP

Theresa, aka 'T', is a high-energy marketing creative with 8+ years of experience across various industries. She's passionate about delivering strategy and design, with a focus on Sitecore SaaS technologies. T is an avid golfer and loving dog momma, appeased only by delicious food and a bevy of something bubbly. Cheers!