Sitecore XM Cloud Forms - Basics

Sitecore XM Cloud Forms

We always need to capture User Inputs from our websites, it is the basic need of marketers to capture information and that is done using forms.

With the earlier versions of Sitecore Platform, we used to install an external module named Web Forms for Marketers (WFFM) on top of the Sitecore installation for forms building as it was not present out of the box.

With the release of Sitecore Platform 9 and later versions, forms were an integral part of it.

We can use Sitecore Forms to construct web forms to record information provided by the user and can capture that for later use. This detail is basically stored in the Sitecore database and can be extracted through reports.

With the release of Sitecore XM cloud, it follows headless architecture and there are no CD servers available, therefore no place to capture the user inputs. And hence there is a need for some SaaS solution to fill out that gap.

Composable Forms Builder is available with Sitecore XM Cloud, it is an app that enables us to design and create forms. The form can be added within a webpage like any other component. Forms use webhooks to send data to 3rd party applications without capturing or storing it. Webhooks basically pass a payload of captured information to other systems.

On the Sitecore XM cloud launchpad, we can find Forms application.


Clicking on Forms application opens the Form builder, where we can manage existing forms or can create a new one.

To create a new form, just click on Create new option from the top right corner, give it a name and save.


Here we see different options like

-          Template library – It displays 5 XM cloud forms templates available out of the box, to use directly.

-          Layouts – we can select any layout to build the form from scratch.

-          Items – It shows all available fields that can easily drag and drop on the canvas for form building.

-          Options – To add styling in the forms an fileds

So we can create a basic contact us form by adding Name, Email and Comments.

Currently the form is in Draft state, after building the form you can save it. To Save and Activate the form we must need to define a webhook for the submit action to be performed like – display a message, redirect to a URL, send an email etc.

Once the form is Activated, we cannot edit or even delete it. We can duplicate the form for reuse. 

See how to create a webhook here ðŸ˜Š

Comments

Post a Comment

Popular posts from this blog

Setting Up Sitecore Headless with Next.js in Disconnected Mode

Image
Sitecore Headless CMS offers a flexible way to integrate with different frontend technologies. For developers working with frameworks like Next.js, Sitecore provides various ways to set up the environment, including four distinct modes: Disconnected Mode , Connected Mode , Integrated Mode , and API Mode . Each mode offers unique features for different stages of development and production needs. What Is Disconnected Mode? Disconnected Mode is designed for local development and testing without requiring a direct connection to the Sitecore platform. In this mode, data is typically retrieved from static files (like YAML or JSON), and content updates are done manually. This mode is ideal for frontend developers who want to focus on building the user interface and the site’s functionality without waiting for backend integration. In Disconnected Mode , the data flow is not dependent on the Sitecore CMS. Instead, content is stored locally in static files, which are easier to manage and qu...
Read more

Translating Sitecore items’ field values into different language with PowerShell and Translate API

Image
Recently, we encountered a situation where we needed to translate multiple Sitecore field values across numerous items into different languages. Manually handling each item and field was both time-consuming and complex—especially since actual translation was required, not just copying values between language versions. We explored various approaches to streamline the process. While AI-based solutions seemed promising, but client side Compliances for AI usage ruled out that option. Another practical alternative was to use spreadsheets like Excel or CSV files containing translated content and then import those values into Sitecore using PowerShell scripts. During our exploration, we discovered a freely accessible translation API that doesn't require an API key. By leveraging this in our PowerShell script, we were able to automate the translation process and directly apply the translated content to the appropriate language versions of the Sitecore items—saving both time and effort. ...
Read more

Create Sitecore Ribbon Button using Sitecore PowerShell Extensions

Image
Creating a custom Ribbon button in Sitecore using Sitecore PowerShell Extensions (SPE) involves several steps, which I'll guide you through below. The general process includes Create PowerShell Script Module and Add Integration Point Setup the PowerShell script Library and Add PowerShell script Configuring the Ribbon button and Sync Verify the button in the Ribbon Here's how we can achieve that: Pre-Requisites: Running Sitecore Instance PowerShell ISE to run PowerShell script (Install compatible Sitecore.PowerShell.Extensions if it’s not there) Step-1: Create PowerShell Script Module and Add Integration Point Create PowerShell Script Module: Go to Content Editor . In the content tree, navigate to: System > Modules > PowerShell > Script Library . Right-click on Script Library and select Insert > PowerShell Script Module . Give it a name, su...
Read more