Sitecore

  In this post, we’ll explore how to leverage a connection (created in our previous blog ) within a Sitecore Personalize Decision Model to fetch or post data using a programmable node and a Data System element. The goal is to build a simple canvas where: A programmable node outputs Client Credential JSON . This output is consumed by a Data System element , which then uses the selected connection to call an API. 🎯 Objective Create a Sitecore Personalize Decision Model with: A programmable node that returns JSON (Client ID & Client Secret). A Data System element that uses the output of the programmable node as input and calls the external API using a predefined connection . 🛠️ Step-by-Step Guide ✅ Step 1: Access Decisioning in Sitecore Personalize Navigate to your Sitecore Personalize environment ( Production or Non-Production ). Click on the “Decisioning” menu from the top ribbon (see screenshot below for reference). ✅ Step 2: Create a N...

 Sitecore Personalize allows you to leverage powerful decision models for delivering tailored experiences to your users. One of the key capabilities is connecting Sitecore Personalize with external systems through decision models, which can help send  data to external APIs or services. In this blog, we'll focus on how to create a connection in Sitecore Personalize, which will be used within a decision model to send data to an external system.  Let’s get started! Use Case Overview Imagine you need to send data to an external system through Sitecore Personalize using the Decision Model. In order to achieve this, the Connection feature in Sitecore Personalize is a vital component. You will set up a connection and integrate it into the Decision Model to transfer data. This blog will explain how to create the connection, while the next blog will focus on how to use the connection within the Decision Model itself. Steps to Create a Connection in Sitecore Personalize T...

When working with Sitecore XM Cloud, especially for client applications where you need to create or retrieve items from Sitecore Content Management (CM), understanding how to interact with Sitecore APIs is crucial. This guide will walk you through the process of creating and retrieving Sitecore items using Sitecore XM Cloud, using tools like Postman. Why Use the Sitecore API? The Sitecore API allows you to programmatically create, retrieve, and update items in Sitecore. This is especially helpful when building client-facing applications that require integration with Sitecore’s content management system. Think of it as the "backend" way to create and manage your Sitecore content, much like how a button in Sitecore's Content Editor can be used to create items manually. Steps to Connect to Sitecore XM Cloud  Content Authoring API To call the API and interact with your Sitecore XM Cloud instance, you’ll need a few pieces of information from your Sitecore XM Cloud project. 1. ...

 This blog is a continuation of my previous post: Customizing XM Cloud Form Component . In this article, I will walk you through how to save Sitecore XM Cloud form submissions to a SQL Server database using the XM Cloud Starter Kit. 🛠️ Sitecore CMS Changes 1. Create an XM Cloud Form I assume you already know how to create forms in XM Cloud. If not, please check the official Sitecore documentation. 2. Duplicate and Customize the Form Component Duplicate the existing form component from the XM Cloud Starter Kit and customize it as needed. I covered this process in detail in my previous blog post: 👉 Customizing XM Cloud Form Component 🧱 XM Cloud Starter Kit Code Changes Step 1: Install MSSQL Package In your Next.js starter kit, install the mssql package: npm install mssql Step 2: Create a Webhook Navigate to the following directory in your project: /headapps/ nextjs - starter /src/ pages /api/ Create a webhook, file named saveformdata.ts (or submit-form.ts ). P...

When working with Sitecore XM Cloud , you may come across use cases where you need complete control over a form’s submission behavior . This blog walks through exactly how to do that using a real-world example. 🧩 Common Scenario Let’s say you want to: Render a form created in XM Cloud. Disable the default form behavior . Control what happens on form submission . Send the form data to a custom third-party endpoint (e.g., a webhook or custom API). The XM Cloud Starter Kit includes a default form component, but it doesn’t give you access to the onSubmit event—making it difficult to intercept or customize submissions. ✅ The Goal We’ll show you how to: Extend the default XM Cloud form component. Intercept the submission event. Customize the submission logic. Send form data to an external webhook. 🧱 CMS Part: Setting Up the Custom Form in XM Cloud Step 1: Duplicate the Default Form Rendering In XM Cloud, navigate to: /sitecore/ layout /Renderings/...